问题：在ios端运行，发现并未执行canplay事件代码如下const audio = new Audio()audio.src = urlaudio.addEventListener('canplay', () => { alert(1)})解决办法：在代码块中加入下面这行代码audio.load()
原创
2022-01-25 11:13:53
455阅读
问题：在ios端运行，发现并未执行canplay事件代码如下const audio = new Audio()audio.src = urlaudio.addEventListener('canplay', () => { alert(1)})解决办法：在代码块中加入下面这行代码audio.load()
原创
2021-07-13 09:21:02
829阅读
一般安卓手机可以自动播放，但是ios和部分oppo机型无法自动播放，需要手动触发，所以需要分开处理 可以自动播放的机型，进入页面就自动播放，无法自动播放的机型，进入页面呈暂停状态 audio有play和canplay两个事件 可以自动播放时，会先触发play事件再触发canplay事件 无法自动播放 ...
转载
2021-09-08 18:01:00
1496阅读
2评论
audio获取当前播放时间在dom挂载完毕后访问currentTime属性获得，通过timeupdate钩子可实时监控audio 获取媒体总时长在canplay(浏览器可以开始播放该音视频)钩子函数回调中访问duration属性可获得(注：在dom挂载完直接获取duration会返回NaN)复制代码methods: {
getDuration() {
console.log(this.$refs.
介绍canplay、play、pause是video提供的API，在视频加载完成后需要设置视频的总时长duration也是来源于自身的API但是需要格式化时间设置当前播放时间通过自身API，currentTimefunction playing(){
#id.innerHTMl = 格式化时间函数(video.currentTime)
}需要一个定时器去动态的更新这个当前时间值，在方法的最外层定
官方文档：https://dplayer.diygod.dev/zh/guide.html#%E5%8F%82%E6%95%B0 abort 视频终止加载canplay 提示该视频已准备好开始播放canplaythrough 提示视频能够不停顿地一直播放：durationchange 视频的时长已改变emptied 重置为初始状态下触发ended 视频播放结束后触发error
前言学习Angular时写了一个音乐播放器oschina地址github地址为了兼容android chrome,参考了这篇文章;在数据读取中要中断的时候，可以把audio.src设为null，并显式调用audio.load()，此时对于Android会中断数据读取，并且canplay也不会发生所以在我的代码中也如此使用了12_audio.src = null;_audio
转载
2017-11-16 15:57:00
217阅读
2评论
audio获取当前播放时间在dom挂载完毕后访问currentTime属性获得，通过timeupdate钩子可实时监控audio 获取媒体总时长在canplay（浏览器可以开始播放该音视频）钩子函数回调中访问duration属性可获得（注：在dom挂载完直接获取duration会返回NaN）audio的方法addTextTrack() 为音视频加入一个新的文本轨迹canPlayType() 检查指
前言：1.根据评论提问，优化了视频统计逻辑，增加了网络卡顿时暂停计时，重新播放后重新计时的功能。根据以下下载地址可以下载完整代码示例， 更新于：2022年8月26号，2.新增通过原生事件的写法统计观看时长，更新于：2022年9月13号，3.新增多视频时长统计，更新于：2023年2月15号。注：不管使用哪种方式监听，canplay和playing事件监听一个即可（定时器放到其中一个事件监听
