audio 音频

解释:音频。

属性说明

属性名类型默认值必填说明

id

String

audio 组件的唯一标识符

src

String

要播放音频的资源地址

loop

Boolean

false

是否循环播放

controls

Boolean

false

是否显示默认控件

poster

String

默认控件上的音频封面的图片资源地址,如果 controls 属性值为 false 则设置 poster 无效

name

String

未知音频

默认控件上的音频名字,如果 controls 属性值为 false 则设置 name 无效

author

String

未知作者

默认控件上的作者名字,如果 controls 属性值为 false 则设置 author 无效

binderror

EventHandle

当发生错误时触发 error 事件,detail = {errMsg: MediaError.code}返回错误码可参考 MediaError.code

bindplay

EventHandle

当开始/继续播放时触发 play 事件,detail = {duration}

bindpause

EventHandle

当暂停播放时触发 pause 事件,detail = {duration}

bindtimeupdate

EventHandle

当播放进度改变时触发 timeupdate 事件,detail = {currentTime, duration}

bindended

EventHandle

当播放到末尾时触发 ended 事件,detail = {duration}

MediaError.code

返回错误码描述
1获取资源过程被用户终止
2网络错误
3当解码时发生错误
4不支持音频

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

代码示例

  • SWAN
  • JS
  1. <audio
  2. poster="{{poster}}"
  3. name="{{name}}"
  4. loop="false"
  5. author="{{author}}"
  6. src="{{src}}"
  7. id="myAudio"
  8. controls
  9. bind:error="audioError"
  10. bind:play="audioPlay"
  11. bind:pause="audioPause"
  12. bind:timeupdate="audioTimeUpdate"
  13. bind:ended="audioEnded">
  14. </audio>