前面我们分享过很多关于微信小程序教程，本文我们主要介绍了微信小程序使用audio组件播放音乐功能,结合实例形式分析了微信小程序audio组件播放在线音乐相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下，希望能帮助到大家。
1、效果展示
2、关键代码
① index.wxml
复制代码 代码如下:
<audio src="{{audiosrc}}" poster="{{audioposter}}" name="{{audioname}}" author="{{audioauthor}}" controls></audio>
② index.js
page({ data: { audioposter: 'http://y.gtimg.cn/music/photo_new/t002r300x300m000003rskf44gyask.jpg?max_age=2592000', audioname: '此时此刻', audioauthor: '许巍', audiosrc: 'http://ws.stream.qqmusic.qq.com/m500001vfvsj21xfqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292f51e1e384e06dcbdc9ab7c49fd713d632d313ac4858bacb8ddd29067d3c601481d36e62053bf8dfeaf74c0a5ccfadd6471160caf3e6a&fromtag=46', } })
大家学会了吗？赶紧动手自己尝试一下吧。
相关推荐：
微信小程序用户自定义模版的功能实现
实现选项卡功能的微信小程序
最全的微信小程序项目实例
以上就是微信小程序使用audio组件播放音乐功能示例的详细内容。