创新互联百度小程序教程：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
     
 
 
      
  
  
  
      2.   
  
  
    2.  poster="{{poster}}" 
      3.   
  
  
    3.  name="{{name}}" 
      4.   
  
  
    4.  loop="false" 
      5.   
  
  
    5.  author="{{author}}" 
      6.   
  
  
    6.  src="{{src}}" 
      7.   
  
  
    7.  id="myAudio" 
      8.   
  
  
    8.  controls 
      9.   
  
  
    9.  bind:error="audioError" 
      10.   
  
  
    10.  bind:play="audioPlay" 
      11.   
  
  
    11.  bind:pause="audioPause" 
      12.   
  
  
    12.  bind:timeupdate="audioTimeUpdate" 
      13.   
  
  
    13.  bind:ended="audioEnded">
      14.   
  
  
      15.

    网站题目：创新互联百度小程序教程：audio音频
    本文地址：http://www.shufengxianlan.com/qtweb/news21/308121.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    微信小程序知识

    同城分类信息

    达州网站设计　　 　广告品牌策划设计　　 　资阳网站建设　　 　成都小程序开发　　 　网络推广公司　　 　成都二枢机房　　 　添翼二手车鉴定评估　　 　小程序开发　　 　成都木托盘　　 　成都营销网站制作　　 　成都圣月窗帘　　 　做网站价格　　 　注册域名　　 　重庆移动网站建设　　 　整合营销　　 　禾巨建站　　 　南充网站建设　　 　中建建业环保　　 　绵阳电信机房　　 　响应式网站建设方案