前面我们分享过很多关于微信小程序教程,本文我们主要介绍了微信小程序使用audio组件播放音乐功能,结合实例形式分析了微信小程序audio组件播放在线音乐相关操作技巧,并附带源码供读者-参考,需要的朋友可以参考下,希望能帮助到大家。
1、效果展示
2、关键代码
① index.wxml
复制代码 代码如下:
1 | < audio src = "{{audioSrc}}" poster = "{{audioPoster}}" name = "{{audioName}}" author = "{{audioAuthor}}" controls></ audio >
|
② index.js
1 2 3 4 5 6 7 8 | Page({
data: {
audioPoster: & #39;http://y.gtimg-/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
audioName: & #39;此时此刻',
audioAuthor: & #39;许巍',
audioSrc: & #39;http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
}
})
|
大家学会了吗?赶紧动手自己尝试一下吧。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
暂时没有评论,来抢沙发吧~