美文网首页让前端飞Web 前端开发
【微信H5开发】audio/video标签的自动播放

【微信H5开发】audio/video标签的自动播放

作者: mercurygear | 来源:发表于2017-06-22 11:02 被阅读360次

android下没什么好说的,用autostart属性或者调用元素的play方法后,都能正常的播放。但是iOS系统下,由于Apple的限制(不允许audio/video元素自动播放),所以给元素添加autostart属性或者调用play方法是没有任何效果的。
以audio元素为例,在iOS下,最初始的onloadstart事件都不会被触发,所以play这些是没有作用的,只有用户的手动触发,才能使得元素真正工作起来。
幸好,微信sdk给我们做了特别处理,让我们可以借助微信sdk达到让audio元素能自动播放的目的。
如果需要一开始就自动播放,那么只需要在微信sdk准备好之后的ready回调函数中对元素调用play即可。
如果需要指定场景才播放,那么我们可以借用微信sdk的其他接口,比如getNetworkType这样的辅助接口,在接口的回调函数中调用元素的play,即可让元素播放起来。
总之,就是play必须在微信sdk的内部环境下调用才行。

audio加载过程

loadstart => progress => suspend => durationchange => loadedmetadata => loadeddata => canplay => canplaythrough

audio播放过程

play => playing => timeupdate => pause => ended

相关文章

网友评论

    本文标题:【微信H5开发】audio/video标签的自动播放

    本文链接:https://www.haomeiwen.com/subject/yqoxcxtx.html