微信小程序使用audio组件播放音乐功能示例

前面我们分享过很多关于微信小程序教程，本文我们主要介绍了微信小程序使用audio组件播放音乐功能,结合实例形式分析了微信小程序audio组件播放在线音乐相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下，希望能帮助到大家。

1、效果展示

2、关键代码

① index.wxml

复制代码 代码如下:

 audio src= {{audioSrc}} poster= {{audioPoster}} name= {{audioName}} author= {{audioAuthor}} controls /audio 

② index.js

Page({
 data: {
 audioPoster: #39;http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000 #39;,
 audioName: #39;此时此刻 #39;,
 audioAuthor: #39;许巍 #39;,
 audioSrc: #39;http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7 uin=346897220 vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A fromtag=46 #39;,
})

大家学会了吗？赶紧动手自己尝试一下吧。

相关推荐：

微信小程序用户自定义模版的功能实现

实现选项卡功能的微信小程序

最全的微信小程序项目实例

以上就是微信小程序使用audio组件播放音乐功能示例的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！