最新消息:VPS服务器又从fzhost.net换回Linode了,主题仍用朋友推荐的大前端D8

【已解决】html网页中如何用js或jquery在音频文件播放后去触发其他动作

HTML crifan 87浏览 0评论

折腾:

【已解决】用和适在线的语言合成接口把文字转语音

期间,想要实现:

如何对于一个在线的mp3的url

比如:

调用audio先去load再play播放后,再去执行其他事情,此处是再去播放另外一个点播的儿歌。

现在感觉是:

最后是play有complete事件,那是最好,然后有callback去执行

或者是获得这个在线的mp3的时长的属性,delay对应时间后再去执行

html5 audio play complete callback

Is a jquery callback available after .play() when using <audio>? – Stack Overflow

HTML Audio/Video DOM ended Event

去试试

<code>respTextAudioObj.load();
console.log("has load respTextAudioObj=%o", respTextAudioObj);

respTextAudioObj.onended = function() {
  console.log("play response text's audio ended");
}

respTextAudioPromise = respTextAudioObj.play();
</code>

结果:

是可以的:

【总结】

html中,audio直接可以支持onend事件,加上自己的要执行的函数即可。

比如:

<code>  var respTextAudioObj = $(".response_text_audio_player audio")[0];
  console.log("respTextAudioObj=%o", respTextAudioObj);

  $(".response_text_audio_player audio source").attr("src", curResponseAudioUrl);
  respTextAudioObj.load();
  console.log("has load respTextAudioObj=%o", respTextAudioObj);

  respTextAudioObj.onended = function() {
      console.log("play response text's audio ended");
  }
</code>

即可。

转载请注明:在路上 » 【已解决】html网页中如何用js或jquery在音频文件播放后去触发其他动作

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
60 queries in 0.240 seconds, using 12.13MB memory