我们已经分享了很多关于微信小程序的教程。本文主要介绍微信小程序使用音频组件播放音乐的功能,并结合实例分析微信小程序音频组件播放在线音乐的相关操作技巧。附上源代码,供读者下载参考。有需要的朋友可以参考一下,希望能帮到你。
1.效果显示
2.关键代码
① index.wxml
复制代码如下:
& lt音频src = & quot{ { audioSrc } } & quot海报= & quot{ { audioPoster } } & quotname = & quot{ { audioName } } & quot作者= & quot{ {音频作者} } & quot控件& gt& lt/audio & gt;② index.js
page({ data:{ audio poster:& # 039;http://y . gt img . cn/music/photo _ new/t002r 300 x 300m 000003 rskf 44 gyask . jpg?max _ age = 2592000 & # 039,音频名称:& # 039;这时& # 039;,音频作者:& # 039;徐渭& # 039;,audios RC:& # 039;http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3? guid = ffffffff 82 def 4 af 4b 12 B3 CD 9337 d5e 7 & amp;uin=346897220。v key = 6292 f 51 e 1e 384 e 06 dcb DC 9 ab 7 c 49 FD 713d 632d 313 AC 4858 BAC b8 DDD 29067d 3c 601481d 36 e 62053 BF 8 dfe af 74 c 0 a 5 cc fadd 6471160 caf 3 e 6 a & amp;fromtag = 46 & # 039}}})学会了吗?你自己试试。
相关建议:
微信小程序自定义模板的功能实现
带标签功能的微信小程序
微信小程序项目最全的例子
VIP推荐:22门课程,总价3725元。VIP会员免费。
评论前必须登录!
注册