pp电子

登录
免费开通

微信小程序媒体组件audio,微信小程序媒体示例代码

audio


音频。。。

属性名 类型 默认值 说明
id String   audio 组件的唯一标识符
src String   要播放音频的资源地点
loop Boolean false 是否循环播放
controls Boolean true 是否显示默认控件
poster String   默认控件上的音频封面的图片资源地点,,,,,,若是 controls 属性值为 false 则设置 poster 无效
name String 未知音频 默认控件上的音频名字,,,,,,若是 controls 属性值为 false 则设置 name 无效
author String 未知作者 默认控件上的作者名字,,,,,,若是 controls 属性值为 false 则设置 author 无效
binderror EventHandle   当爆发过失时触发 error 事务,,,,,,detail = {errMsg: MediaError.code}
bindplay EventHandle   当最先/继续播放时触发play事务
bindpause EventHandle   当暂停播放时触发 pause 事务
bindtimeupdate EventHandle   当播放进度改变时触发 timeupdate 事务,,,,,,detail = {currentTime, duration}
bindended EventHandle   当播放到末尾时触发 ended 事务

MediaError.code

返回过失码 形貌
MEDIA_ERR_ABORTED 获取资源被用户榨取
MEDIA_ERR_NETWORD 网络过失
MEDIA_ERR_DECODE 解码过失
MEDIA_ERR_SRC_NOT_SUPPOERTED 不对适资源

示例代码:

<!-- audio.wxml -->
<audio poster="{{poster}}" name="{{name}}" author="{
【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,,,,,由于未联系到知识产权人或未发明有关知识产权的挂号,,,,,,若有知识产权人并不肯意我们使用,,,,,,若是有侵权请连忙联系。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,,,,,仅系客观性形貌,,,,,,如您需要相识该类商品/服务详细的资讯,,,,,,请您直接与该类商品/服务的提供者联系。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。

KESION 一直通过手艺立异,,,,,,提供产品和服务,,,,,,助力企业向数字化转型,,,,,,通过科技驱动商业刷新,,,,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



}"
src="{{src}}" id="myAudio" controls loop>
</audio> <button type="primary" bindtap="audioPlay">播放</button> <button type="primary" bindtap="audioPause">暂停</button> <button type="primary" bindtap="audio14">设置目今播放时间为14秒</button> <button type="primary" bindtap="audioStart">回到开头</button>
// audio.js
Page({
  onReady: function (e) {
    // 使用 wx.createAudioContext 获取 audio 上下文 context
    this.audioCtx = wx.createAudioContext('myAudio')
  },
  data: {
    poster: 'http://www.kesion.com/UploadFiles/2021-7/82/b1132703680672186629HKZ.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)
  }
})

 

相关api:wx.createAudioContext

更多微信小程序开发教程,,,,,,可以关注。。。
上/下篇
  • 微信小程序导航navigator,navigator页面链接

  • 微信小程序表单组件大全,10大表单组件

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序媒体组件audio,微信小程序媒体示例代码 - K