【renxingren】简约音乐播放器插件
[i=s] 本帖最後由 renxingren 於 2018-12-3 17:05 編輯 [/i][align=center][color=RoyalBlue][b][size=7]大家好,发布一个简约音乐插件教学,希望大家喜欢!努力做到最好,希望大家支持我!
[/size][/b][/color][/align]
[color=DarkRed][size=5][url=http://chaopaijun.66rt.com/viewthread.php?tid=7&page=1&extra=#pid7]播放器效果预览地址点击进入[/url]
[/size][/color]
1,打开Discuz管理后台,点击界面→编辑器设置→Discuz代码 →新增→mp3player (可用和显示都要打对号哦!)
2,下面开始学代码
标签:[code]mp3player[/code]替换内容:[code]<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" />[/code]例子:[code]url={http://94.191.78.155/player/song/081ec79d2a6ff5398f9a648d7a573d97.mp3}[/code]解释:[code]添加音乐[/code]参数个数:[code]2[/code]参数提示语:[code]添加音乐
歌曲名称[/code]嵌套次数:[code]2[/code]接下来就是发布音乐了
[color=DeepSkyBlue][align=center][size=7]感谢大家进入![/size][/align][/color]
想上传自己的空间可以下载FLASH
Flash地址:[url]http://94.191.78.155/player/MusicPlayer.swf[/url] 依赖flash的,手机上看不了 还是flash的界面更加酷炫
可惜,现如今移动端大行其道,移动端都不支持 flash,影响访问体验
最好做一个判断,如果电脑端用flash,如果移动端就用h5 [b]看帖回帖那是一定要的:[/b][quote][img]http://4rphotoclub.joinbbs.net/attachment.php?aid=NjU4fGY4NWFiNTcxfDEzNDYwNDcyMjR8NDg2MlJzOWVNVmJBUm5YOWJCcDQwR21jSkZ0NlEzTnkzcEhiclp2cXhSYkF4cDQ%3D&noupdate=yes[/img]
喜!我也要來頂一頂;支持一下![/quote] [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296530&ptid=34920]2#[/url] [i]无界[/i] [/b]
的确如此,还是h5符合需求 [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296590&ptid=34920]5#[/url] [i]macheng[/i] [/b]
[url]http://chaopaijun.66rt.com/thread-9-1-1.html[/url] 那不就是这样的 [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296591&ptid=34920]6#[/url] [i]renxingren[/i] [/b]
这个播放器不错 [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296591&ptid=34920]6#[/url] [i]renxingren[/i] [/b]
此播放器代码能否分享? [i=s] 本帖最後由 renxingren 於 2018-12-11 01:29 編輯 [/i]
[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296594&ptid=34920]8#[/url] [i]macheng[/i] [/b][code]<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>
[/code] 简单点就直接用网易云[code]<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>[/code] 樓上發放的是很不錯的代碼教學啊! [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296631&ptid=34920]9#[/url] [i]renxingren[/i] [/b]
这个代码是不是 [url]http://chaopaijun.66rt.com/thread-9-1-1.html[/url] 这个播放器的? [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296650&ptid=34920]12#[/url] [i]macheng[/i] [/b]
是的 你的这个代码不嫩发到编辑器吗??还想是要用到html
这样不好吧 有点繁琐
頁:
[1]