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

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标签的自动播放)