音频播放器基于HTML5Web集成（播放器事件说明）

保利威直播

于 2023-07-14 09:30:49 发布

阅读量276

点赞数

CC 4.0 BY-SA版权

分类专栏：点播WebSDK 文章标签：前端音视频 html5

10 篇文章

订阅专栏

本文详细介绍了HTML5音频播放器的事件回调，包括常见事件列表和适配问题，如移动端自动播放限制、音量调节与倍速播放在不同平台的兼容性。同时，推荐了相关的企业直播、视频加密和超低延迟直播技术文章。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

播放器提供了一些常用的事件回调，使用方法如：

plvAudioPlayer.on('ready', function() {
  console.info('ready');
});

事件列表如下：

名称	说明
ready	播放器初始化完毕，播放器提供的方法需在此事件发生后才可以调用。参数返回包含音频信息的data对象，可通过`data.audioInfo` 获取音频相关信息。
loadstart	在媒体开始加载时触发。
play	媒体播放时触发
playing	播放中，会触发多次
pause	暂停时触发
seeking	在跳跃操作开始时触发
seeked	在跳跃操作完成时触发
ratechange	在播放速率改变时触发
timeupdate	当前播放时间点（currentTime属性）改变时触发
waiting	在一个待执行的操作（如播放）因等待另一个操作（如跳跃或加载）被延迟时触发。
ended	播放结束时触发
stop	stop方法完成后触发
hlsError	播放hls文件发生错误时触发
serverError	发生播放错误时触发，参数返回保护报错信息的data对象，可以通过 `data.code` 获取报错信息的错误码

常见适配问题：

设置autoplay=true无效，不会自动播放
- 移动端浏览器中音频自动播放一直是禁止的，目前通用的办法是通过用户手动触发播放（例如监听用户的点击事件并调用play方法），但不排除一些特性的浏览器和webview允许自动播放。
- PC端Chrome 55以上版本、MacOS High Sierra Safari 11以上的浏览器也都限制自动播放。
音量调节功能（setVolume）在iOS和部分Android浏览器上不支持。
倍速播放功能（setSpeed）在部分移动端浏览器上不支持，比如Android 微信。

我的文章推荐：