微信小程序使用audio组件播放音乐功能示例【附源码下载】


Posted in Javascript onDecember 08, 2017

本文实例讲述了微信小程序使用audio组件播放音乐功能。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序使用audio组件播放音乐功能示例【附源码下载】

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',
 }
})

3、源代码点击此处本站下载

更多audio组件详细用法说明可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/component/audio.html#audio

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
Javascript 入门基础学习
Mar 10 Javascript
面向对象Javascript核心支持代码分享
May 23 Javascript
node.js中的http.response.write方法使用说明
Dec 14 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
javascript中Function类型详解
Apr 28 Javascript
JavaScript实现输入框(密码框)出现提示语
Jan 12 Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 Javascript
jQuery插件Echarts实现的渐变色柱状图
Mar 23 jQuery
解决webpack打包速度慢的解决办法汇总
Jul 06 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
vue基础知识--axios合并请求和slot
Jun 04 Javascript
js断点调试心得分享(必看篇)
Dec 08 #Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
Dec 08 #Javascript
微信小程序使用image组件显示图片的方法【附源码下载】
Dec 08 #Javascript
微信小程序实现下载进度条的方法
Dec 08 #Javascript
js断点调试经验分享
Dec 08 #Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 #Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 #Javascript
You might like
第二节--PHP5 的对象模型
2006/11/16 PHP
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
Zend 输出产生XML解析错误
2009/03/03 PHP
PHP 引用是个坏习惯
2010/03/12 PHP
新浪微博OAuth认证和储存的主要过程详解
2015/03/27 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
php导出生成word的方法
2015/12/25 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
vue路由懒加载的实现方法
2018/03/12 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
python基础教程之自定义函数介绍
2014/08/29 Python
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
python gensim使用word2vec词向量处理中文语料的方法
2019/07/05 Python
Python的bit_length函数来二进制的位数方法
2019/08/27 Python
python实现最大优先队列
2019/08/29 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
Python 自由定制表格的实现示例
2020/03/20 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
HTML5的hidden属性兼容老浏览器的方法
2014/04/23 HTML / CSS
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
十岁生日父母答谢词
2014/01/18 职场文书
情侣吵架检讨书
2014/02/05 职场文书
销售职业生涯规划范文
2014/03/14 职场文书
大学生英文求职信范文
2015/03/19 职场文书
英语读书笔记
2015/07/02 职场文书
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python
MySQL创建管理KEY分区
2022/04/13 MySQL