HTML5+Javascript音频在音频播放的特定时间触发事件

HTML5 + Javascript audio trigger events at certain times in audio playback

本文关键字：音频 事件 定时间 播放 HTML5+Javascript      更新时间：2023-09-26

我正在研究建立一个脚本，该脚本将显示某些音符以及伴随的音乐曲目。基本上，我需要在音轨中的特定时间来触发事件。我已经看到我可以使用类似于下面的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???
}

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

如果你把每个框架放在一个单独的元素中，用类框架和id框架+数字，这就可以了。

相关文章：