javascript - HTML5视频标记中的提示点

我需要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数组只是一个示例。有没有更有效的方法可以做到这一点？

最佳答案

罗尼，您不需要遍历该数组。如果项目是按顺序排列的，只需对照第一个进行检查，然后将currentIndex上移一个。

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

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

关于javascript - HTML5视频标记中的提示点，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15213414/