HTML5視頻標籤中的提示點

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

你的問題的答案最接近的一個是： http://codecanyon.net/item/html5-video-cue-points-engine/8840124

Answer 2

羅尼，你不通過數組需要循環。如果項目是有序的，只需檢查第一個項目，然後將currentIndex加1。

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

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