[插件教學] 【renxingren】简约音乐播放器插件

renxingren

大家好，发布一个简约音乐插件教学，希望大家喜欢！努力做到最好，希望大家支持我！

播放器效果预览地址点击进入


1，打开Discuz管理后台，点击界面→编辑器设置→Discuz代码 →新增→mp3player (可用和显示都要打对号哦!)

2，下面开始学代码
标签:

1. mp3player

複製代碼

替换内容:

1. <embed src="http://94.191.78.155/player/MusicPlayer.swf?loop=8&autoPlay=true&title={2}&url={1}" type="application/x-shockwave-flash" width="258" height="33" quality="high" />

複製代碼

例子:

1. url={http://94.191.78.155/player/song/081ec79d2a6ff5398f9a648d7a573d97.mp3}

複製代碼

解释:

1. 添加音乐

複製代碼

参数个数:

1. 2

複製代碼

参数提示语:

1. 添加音乐
   
2. 歌曲名称

複製代碼

嵌套次数:

1. 2

複製代碼

接下来就是发布音乐了

感谢大家进入！

想上传自己的空间可以下载FLASH
Flash地址：http://94.191.78.155/player/MusicPlayer.swf

无界

依赖flash的，手机上看不了

网雨霏霏

还是flash的界面更加酷炫
可惜，现如今移动端大行其道，移动端都不支持 flash，影响访问体验

最好做一个判断，如果电脑端用flash，如果移动端就用h5

4rphotoclub

看帖回帖那是一定要的：

  

喜!我也要來頂一頂;支持一下!

macheng

回復 2# 无界


    的确如此，还是h5符合需求

renxingren

回復 5# macheng


    http://chaopaijun.66rt.com/thread-9-1-1.html  那不就是这样的

macheng

回復 6# renxingren
这个播放器不错

macheng

回復 6# renxingren


    此播放器代码能否分享？

renxingren

回復 8# macheng

1. <div id="clplayer"></div>
   
2.     <div class="container"></div>
   
3. <script src="http://kaopulou.com/html5palyer/clplayer/clplayer.min.js"></script>
   
4.     <script>
   
5. var player = new clplayer({
   
6.          autoplay: true,
   
7.     listshow: false,
   
8. 
   
9.    
   
10.     music: {
    
11.    
    
12.         type: 'file',
    
13.         
    
14.         source: [
    
15.         
    
16.             {
    
17.                 name: 'Tokyo Bon東京盆踊',
    
18.                
    
19.                 author: '黄明志/二宮芽生',
    
20.                
    
21.                 src: 'http://kaopulou.com/html5palyer/jiangdoufu.mp3',
    
22.                
    
23.                 cover: 'http://6.pic.9ht.com/thumb/up/2018-1/20181417738_160_160.png'
    
24.                
    
25.             },
    
26.         ]
    
27.     }
    
28. });
    
29.     </script>

複製代碼

renxingren

简单点就直接用网易云

1. <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=536098119&auto=1&height=66"></iframe>

複製代碼