×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

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

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扫码

代码示例

 
 
 
    
  
  
  
    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音频
URL分享：http://cdbrznjsb.com/article/dhgppho.html

其他资讯

  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务