后浪云百度小程序教程:audio 音频

  • audio 音频
    • 属性说明
      • MediaError.code
    • 示例
      • 代码示例

    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>
    THE END