javascript - Youtube Iframe API：特定 getcurrenttime() 上的触发函数

Question

我试图在player.getCurrentTime() == 10sec 时触发函数（以及更多像这样的间隔）。

我可以用 JS 计时事件来做到这一点，但它不准确并且非常减慢我的浏览器。

有替代品吗？

当前代码：

trigFuncAt = Array(3, 5, 7, 10);
setInterval(checkFunc(), 200);

function checkFunc(){
    if( include( trigFuncAt, player.getCurrentTime() ) ){
        DoThis();
    }
}

function include(arr,obj) {
    return (arr.indexOf(obj) != -1);
}

function DoThis(){...}

player.getCurrentTime()是一种计时器类型的变量，它每毫秒更改一次。

YT API：https ://developers.google.com/youtube/iframe_api_reference

Answer 1

这个想法是你使用 setTimeout 而不是 setInterval，因为你不能保证函数需要执行的时间在间隔时间之间是足够的。您还需要转换为当前时间。示例代码：

// implicit global video containing YT video
var keypoints = [1, 2, 3, 10, 15];
var updatePlayerInfo = function() {
    var played,
        i = 0,
        keypoint;
    // not ready?
    if (!video.getCurrentTime) {
        return false;
    }
    // ready!
    if (played = parseInt(video.getCurrentTime(), 10)) {
        for (; keypoint = keypoints[i++]; ) {
            if (keypoint === played) {
                // do something
                doSomething();
                break;
            }
        }
    }
    // throttle function!
    setTimeout(function(){
        updatePlayerInfo();
    }, 250);
};