免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
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,

  8.    
  9.     music: {
  10.    
  11.         type: 'file',
  12.         
  13.         source: [
  14.         
  15.             {
  16.                 name: 'Tokyo Bon東京盆踊',
  17.                
  18.                 author: '黄明志/二宮芽生',
  19.                
  20.                 src: 'http://kaopulou.com/html5palyer/jiangdoufu.mp3',
  21.                
  22.                 cover: 'http://6.pic.9ht.com/thumb/up/2018-1/20181417738_160_160.png'
  23.                
  24.             },
  25.         ]
  26.     }
  27. });
  28.     </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://joinbbs.net/discuz/) Powered by Discuz! 7.2