javascript - オーディオ再生の特定の時間におけるHTML5+Javascriptオーディオトリガーイベント

Question

私は、付随する音楽トラックとともに特定の音符を表示するスクリプトの設定を研究しています。基本的に、イベントをトリガーするには、オーディオトラックで特定の時間が必要です。次のようなcurrentTimeを使用できることを確認しましたが、フレーム間を移動したり、巻き戻しなどがある場合は前後に移動したりするための簡潔な関数を作成するための良い方法に夢中になっています。

$("#ogg_player_1_obj").bind('timeupdate', notePosition);

function notePosition(){
    myVid=document.getElementById("ogg_player_1_obj");
    mct=myVid.currentTime;

    //SET Frame based on time???

}

Answer 1

function notePosition(){
//your code.
if(frame1start <= mct && frame1end >= mct) {
    $(".frame").fadeOut(100);
    $("#frame1").fadeIn(100);
}
//and again for every frame.
}

これは、すべてのフレームをクラス フレームと id フレーム + 番号を持つ個別の要素に入れる場合に機能します。