SCLUB免費論壇申請-使用者論壇's Archiver

renxingren 發表於 2018-12-2 21:39

【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]

无界 發表於 2018-12-2 21:54

依赖flash的,手机上看不了

网雨霏霏 發表於 2018-12-3 08:51

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

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

4rphotoclub 發表於 2018-12-3 20:18

[b]看帖回帖那是一定要的:[/b][quote][img]http://4rphotoclub.joinbbs.net/attachment.php?aid=NjU4fGY4NWFiNTcxfDEzNDYwNDcyMjR8NDg2MlJzOWVNVmJBUm5YOWJCcDQwR21jSkZ0NlEzTnkzcEhiclp2cXhSYkF4cDQ%3D&noupdate=yes[/img]  

喜!我也要來頂一頂;支持一下![/quote]

macheng 發表於 2018-12-8 07:47

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296530&ptid=34920]2#[/url] [i]无界[/i] [/b]


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

renxingren 發表於 2018-12-8 11:58

[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]  那不就是这样的

macheng 發表於 2018-12-8 15:41

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296591&ptid=34920]6#[/url] [i]renxingren[/i] [/b]
这个播放器不错

macheng 發表於 2018-12-8 16:35

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296591&ptid=34920]6#[/url] [i]renxingren[/i] [/b]


    此播放器代码能否分享?

renxingren 發表於 2018-12-11 01:18

[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]

renxingren 發表於 2018-12-11 01:31

简单点就直接用网易云[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]

4rphotoclub 發表於 2018-12-11 03:46

樓上發放的是很不錯的代碼教學啊!

macheng 發表於 2018-12-12 13:47

[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] 这个播放器的?

renxingren 發表於 2018-12-12 14:54

[b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=296650&ptid=34920]12#[/url] [i]macheng[/i] [/b]


    是的

macheng 發表於 2018-12-12 15:51

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

这样不好吧    有点繁琐

頁: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.