编辑图文里面添加音乐
2016-04-04 10:12
218 查看
近期看到微信图文里面可以添加音乐,本着我不下地狱谁下地狱的精神,笔者废(xian)寝(de)忘(dan)食(teng)滴研究了两天,终于让俺发现了其中的秘密,鉴于好多公众号运营者留言索要方法,俺就把它详细的记录下来,分享给我的好友们。大家不需要搞明白为什么这么做,只要跟我学会怎么操作就行了。
http://ueditor.baidu.com/website/umeditor.html
因为本程序必须需要MP3的网络地址,而百度及其他常用的音乐网站是不提供MP3网络地址的,
代码制作
这里详细介绍如何制作播放器。
<p style='white-space: normal;'>
随便写点东西
</p>
<audio src="http://qzone.haoduoge.com/music2/2014-08-02/1406970305.mp3" autoplay="autoplay" controls="controls" data-ke-src="http://qzone.haoduoge.com/music2/2014-08-02/1406970305.mp3" style="max-width: 100%; box-sizing: border-box !important; "></audio>
1百度ueditor工具
http://ueditor.baidu.com/website/umeditor.html
2MP3链接获取
因为本程序必须需要MP3的网络地址,而百度及其他常用的音乐网站是不提供MP3网络地址的,
音乐
代码制作这里详细介绍如何制作播放器。
1打开百度编辑器,点左上角html进入代码编辑界面(如图);
2复制下列代码,粘贴到代码编辑界面;
<p style='white-space: normal;'>随便写点东西
</p>
<audio src="http://qzone.haoduoge.com/music2/2014-08-02/1406970305.mp3" autoplay="autoplay" controls="controls" data-ke-src="http://qzone.haoduoge.com/music2/2014-08-02/1406970305.mp3" style="max-width: 100%; box-sizing: border-box !important; "></audio>
相关文章推荐
- 移动开发(IOS) – Objective-C-10-KVC、谓词、KVO与通知
- Android网络请求框架之Retrofit实践
- Android网络请求框架之Retrofit实践
- VS中lib和dll
- Android网络请求框架之Retrofit实践
- VS2005配置CPPUnit进行单元測试
- php error_log()
- 数字三角形
- 2013 锦标赛
- C++第2次实验作业
- Adobe Photoshop CC 打开时报错~配置错误:请卸载并重新安装该产品
- javascript事件委托的用法及其好处简析
- vim简单操作指令
- Angels Fall First --Nightwish 翻译
- B0M
- 快速幂(转)
- Java WebService 简单实例
- 基于zookeeper实现配置集中管理【转】
- Tomcat数据库连接池配置
- 将字符串转换成对应的整数(简单版,后续会出复杂版的)