创新互联百度小程序教程:audio音频

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

    audio 音频

    解释:音频。

    成都创新互联公司主营南涧网站建设的网络公司,主营网站建设方案,重庆APP开发公司,南涧h5小程序定制开发搭建,南涧网站营销推广欢迎南涧等地区企业咨询

    属性说明

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

    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. poster="{{poster}}"
    2. name="{{name}}"
    3. loop="false"
    4. author="{{author}}"
    5. src="{{src}}"
    6. id="myAudio"
    7. controls
    8. bind:error="audioError"
    9. bind:play="audioPlay"
    10. bind:pause="audioPause"
    11. bind:timeupdate="audioTimeUpdate"
    12. bind:ended="audioEnded">

    当前标题:创新互联百度小程序教程:audio音频
    URL分享:http://gydahua.com/article/dhgppho.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流