免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [插件教學] 【renxingren】简约音乐播放器插件 [打印本頁]
作者: renxingren    時間: 2018-12-2 21:39     標題: 【renxingren】简约音乐播放器插件

本帖最後由 renxingren 於 2018-12-3 17:05 編輯

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



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


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
作者: 无界    時間: 2018-12-2 21:54

依赖flash的，手机上看不了
作者: 网雨霏霏    時間: 2018-12-3 08:51

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

最好做一个判断，如果电脑端用flash，如果移动端就用h5
作者: 4rphotoclub    時間: 2018-12-3 20:18

看帖回帖那是一定要的：
  

喜!我也要來頂一頂;支持一下!
作者: macheng    時間: 2018-12-8 07:47

回復 2# 无界


    的确如此，还是h5符合需求
作者: renxingren    時間: 2018-12-8 11:58

回復 5# macheng


    http://chaopaijun.66rt.com/thread-9-1-1.html  那不就是这样的
作者: macheng    時間: 2018-12-8 15:41

回復 6# renxingren
这个播放器不错
作者: macheng    時間: 2018-12-8 16:35

回復 6# renxingren


    此播放器代码能否分享？
作者: renxingren    時間: 2018-12-11 01:18

本帖最後由 renxingren 於 2018-12-11 01:29 編輯

回復 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,

  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    時間: 2018-12-11 01:31

简单点就直接用网易云
  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>
複製代碼
作者: 4rphotoclub    時間: 2018-12-11 03:46

樓上發放的是很不錯的代碼教學啊！
作者: macheng    時間: 2018-12-12 13:47

回復 9# renxingren


    这个代码是不是 http://chaopaijun.66rt.com/thread-9-1-1.html 这个播放器的？
作者: renxingren    時間: 2018-12-12 14:54

回復 12# macheng


    是的
作者: macheng    時間: 2018-12-12 15:51

你的这个代码不嫩发到编辑器吗？？还想是要用到html

这样不好吧    有点繁琐



歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://weclub.info/discuz/) Powered by Discuz! 7.2