Audio

音频。

属性

属性名 类型 默认值 说明 平台支持
src String 要播放音频的资源地址 all
loop Boolean false 是否循环播放 all
controls Boolean false 是否显示默认控件 all
poster String 默认控件上的音频封面的图片资源地址，如果 controls 属性值为 false 则设置 poster 无效 all
name String 未知音频 默认控件上的音频名字，如果 controls 属性值为 false 则设置 name 无效 all
author String 未知作者 默认控件上的作者名字，如果 controls 属性值为 false 则设置 author 无效 all

MediaError.code

返回错误码 描述
MEDIA_ERR_ABORTED 获取资源被用户禁止
MEDIA_ERR_NETWORD 网络错误
MEDIA_ERR_DECODE 解码错误
MEDIA_ERR_SRC_NOT_SUPPOERTED 不合适资源

事件

事件名 说明 平台支持
onerror 发生错误event.detail={errMsg:MediaError.code} all
onplay 开始或继续播放 all
onpause 暂停 all
ontimeupdate 播放进度改变 all
onended 播放结束 all

示例

<!-- audio.nml -->
<audio poster="" name="" author="" src="" id="myAudio" controls loop></audio>

<button type="primary" onclick="audioPlay">播放</button>
<button type="primary" onclick="audioPause">暂停</button>
<button type="primary" onclick="audio14">设置当前播放时间为14秒</button>
<button type="primary" onclick="audioStart">回到开头</button>

// audio.js
Page({
  onReady: function (e) {
    // 使用 uni.createAudioContext 获取 audio 上下文 context
    this.audioCtx = uni.createAudioContext('myAudio')
  },
  data: {
    poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
    name: '此时此刻',
    author: '许巍',
    src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
  },
  audioPlay: function () {
    this.audioCtx.play()
  },
  audioPause: function () {
    this.audioCtx.pause()
  },
  audio14: function () {
    this.audioCtx.seek(14)
  },
  audioStart: function () {
    this.audioCtx.seek(0)
  }
})

results matching ""

    No results matching ""