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); 
    } 
}