微信小程序--音乐播放器案例_微信小程序音乐，哪来的？-CSDN博客

本文链接：https://blog.csdn.net/Jason_LH1024/article/details/88210369

本文介绍了如何在微信小程序中创建一个音乐播放器，详细讲解了audio组件的使用，包括其id、src、loop、controls等属性，并展示了如何通过wx.createAudioContext接口进行音频控制，以及相关事件如bindplay、bindpause的绑定和处理。

摘要由CSDN通过智能技术生成

1.认识audio组件id:
这是audio组件在页面中唯一标识符。
控制audio组件中的音乐播放，可设置可不设置。
src: 要播放音频的资源地址。
loop ：设置是否循环播放，默认为false。
controls：设置是否显示默认控件，默认为true。
poster：设置默认控件上的音频封面的图片资源地址，若为false，则设置无效。name：默认控件上的音频名字，controls属性为false，则无效。
author：默认控件上的作着名字。同上。、、、
biinderror：但发生错误时触发error事件，detail={errMsg:MediaError.code}。bindplay：当开始/继续播放时触发play事件。
bindpause：当暂停播放时触发pause事件。
bindtimeupdate：当播放进度改变时触发timeupdate事件，
detail={current Time，duration}。

bindended：当播放到末尾时触发ended事件。

如下时音乐播放示例：

audio.wxml

< view class="page">
< view class="page_hd">
< text class="page_title">aduio音频< /text>
< /view>
< view class="page_bd" >
< view class="section section_gap" style=