繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[插件教學]
【renxingren】简约音乐播放器插件
[打印本頁]
作者:
renxingren
時間:
2018-12-2 21:39
標題:
【renxingren】简约音乐播放器插件
本帖最後由 renxingren 於 2018-12-3 17:05 編輯
大家好,发布一个简约音乐插件教学,希望大家喜欢!努力做到最好,希望大家支持我!
播放器效果预览地址点击进入
1,打开Discuz管理后台,点击界面→编辑器设置→Discuz代码 →新增→mp3player (可用和显示都要打对号哦!)
2,下面开始学代码
标签:
mp3player
複製代碼
替换内容:
<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" />
複製代碼
例子:
url={http://94.191.78.155/player/song/081ec79d2a6ff5398f9a648d7a573d97.mp3}
複製代碼
解释:
添加音乐
複製代碼
参数个数:
2
複製代碼
参数提示语:
添加音乐
歌曲名称
複製代碼
嵌套次数:
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
<div id="clplayer"></div>
<div class="container"></div>
<script src="http://kaopulou.com/html5palyer/clplayer/clplayer.min.js"></script>
<script>
var player = new clplayer({
autoplay: true,
listshow: false,
music: {
type: 'file',
source: [
{
name: 'Tokyo Bon東京盆踊',
author: '黄明志/二宮芽生',
src: 'http://kaopulou.com/html5palyer/jiangdoufu.mp3',
cover: 'http://6.pic.9ht.com/thumb/up/2018-1/20181417738_160_160.png'
},
]
}
});
</script>
複製代碼
作者:
renxingren
時間:
2018-12-11 01:31
简单点就直接用网易云
<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://sclub.com.tw/discuz/)
Powered by Discuz! 7.2