Question

我需要HTML5视频播放器的提示点。我发现Cuepoint.js除了这只是字幕之类的内容。当提示点被击中时，我需要除文本之外的其他内容。

我有点自己的提示点逻辑，但我觉得它没有那么高效。我正在处理一小部分时间，这不是什么大不了的事。我害怕当我遇到数百时，可能会导致一些性能问题。

这就是我提出的，而且非常准确：

function timeUpdate(event)
{
    var times = [3,8,13,19,25];
    currentTime = player.currentTime();
    $.each(times,function(key, value)
    {
        if (currentTime >= times[key] && currentTime <= times[key] + 0.3)
        {
            currentIndex++;
            loadAssets(currentIndex);
        }   
    });
}

times数组只是一个例子。有没有更有效的方法来做到这一点，还是这个呢？

Answer 1

罗尼，你不需要遍历那个数组。如果项目是有序的，只需检查第一个，然后将currentIndex向上一个。

function timeUpdate(event)
{
    var times = [3,8,13,19,25];
    currentTime = player.currentTime();

    if (currentTime >= times[currentIndex])
    {
        currentIndex++;
        loadAssets(currentIndex);
    }   
}

Answer 2

您问题的最接近答案之一是： http://codecanyon.net/item/html5-video-cue-points-engine/8840124

HTML5视频标记中的提示点

2 个答案: