Showing posts with label MP3 Player. Show all posts
Showing posts with label MP3 Player. Show all posts

Thursday, February 28, 2013

SCMplayer部落格播放器

Share

1. 一款免费和开放型的部落格播放器,提供各种不同的样式选择,用户也能够上传自定义风格,

2. 支持自定义MP3链接,youtube链接,SoundCloud链接和RSS链接等等。

3. 支援自动播放和循环播放功能。

4. 简介无广告,允许用户调整显示播放器的位置(上端或下侧)

 官方网站链接: http://scmplayer.net/ 


 By: Kenchy

阅读全文

Wednesday, December 19, 2012

部落格播放器

Share

部落格播放器

Reply To: Q.qing & Lance Chiah & Im 大便头 & Others


对于Mixpod的关闭,造成许多人无法轻松的像如往一样要什么歌就搜一搜,
copy了代码放去部落格就能享有部落格播放器了。

在这里我决定重新把之前Dewplayer播放器的教程缩减成简易明白。
也让许多用户能够通过这样的一个教程直接享有属于自己的播放器。
当然,Dewplayer属于非常精简界面的一款播放器,如果想要其他类型的播放器,
用户可以到google搜一搜,就能够找到适合自己的了。

Dewplayer的歌曲需要自行Upload(上传)到网上。而前提是上传的网站必须支援外链功能,如: fileden,Dropbox等。
在这里我比较建议各位使用Dropbox,毕竟此网站的上传和下载速度都快于Fileden,而且buffer也比较稳定。以下是我提供给各位的连接

Dropbox:https://www.dropbox.com/
Fileden:http://www.fileden.com/


--------------------------------------------------------------------------------------------------------
注意:

歌曲方面大家可以通过酷我,酷狗之类的软件下载,甚至是到搜狗等网站都可以下载。
而上传方面大家先尝试,下载Dropbox软件,
然后在官方网站申请一个户口,这个大家应该会吧?
好了之后就在你所下载的dropbox软件登入。

而如何上传呢?基本上有两种方式,一个是你去到Dropbox的网页登入后上传。
另一个则是直接放进你电脑里的Dropbox箱来进香同步。

---------------------------------------------------------------------------------------------------------

*以上的上传方式大家先去研究,有收益,经验总是好的。不明白的话才EMAIL我询问:kenchy710@gmail.com

以下正式教你如何添加播放器,首先copy以下的代码到你的部落格。


<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=歌曲链接&autostart=1&autoreplay=1&showtime=1" /> <param name="wmode" value="transparent" /> </object></p>

就像平时添加插件的方式,如果不知道怎么添加。
请查看以下的教程:

添加插件:
http://kenchywasdead.blogspot.com/2012/11/blog-post.html

*请记得不要先按Save

因为还要编辑,那只不过是我上传的播放器代码。还没有添加你们的音乐呢~
所以当你上传了歌曲到Dropbox后,跟着以下的步骤做:


点击了滑鼠右键后选择Download(下载)。
这时你的歌曲就会进行下载了。
和下图一样:


我们需要点击Show all downloads来看下载目录,
这时你的电脑应该会这样显示:


你必须在选择刚才下载的歌曲,在上面点击滑鼠右键,
然后选择Copy link address来获得下载链接。

你所获得的下载链接地址应该会是这样子:

https://www.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3
https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3?token_hash=AAF3_JdeOTyiEnK4GpH258gJLw4V6SaMUbJGyxinfEaEFA&dl=1 

但是Dewplayer播放器并没有办法识别这样的连接。所以其实很简单。
我们只需要把以下www的部分更改成dl就可以了。
如:

更改前:
https://www.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3

更改后:
https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3

在把它放进我所发放给各位的代码里。代替红色的那一行,如:

之前:

<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=歌曲链接&autostart=1&autoreplay=1&showtime=1" /> <param name="wmode" value="transparent" /> </object></p>

之后:

<p align="center"><object type="application/x-shockwave-flash" data="http://www.fileden.com/files/2010/2/7/2752539//dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /> <param name="movie" value="dewplayer.swf" /> <param name="flashvars" value="mp3=https://dl.dropbox.com/s/85z558i49po5mhr/Augustana%20-%20Boston.mp3&autostart=1&autoreplay=1&showtime=1" /> <param name="wmode" value="transparent" /> </object></p>

完毕!
我不知道到底有多少人做得到。
如果没有办法做到的人,可以Email我,
但别在完全没有尝试的情况下就问我。
那我开教程的意义就没有了。

想更深入了解的人可以参考:

Dewplayer部落格播放器:
http://kenchyclass.blogspot.com/2010/02/dewplayer.html

Blogger部落格简洁播放器[有List版]:
http://kenchyclass.blogspot.com/2010/04/bloggerlist.html

By Kenchy

阅读全文

Wednesday, June 16, 2010

Shtyle.fm免费音乐空间(推荐)

Share




一向开部落格教程,今天突然开空间教程,一定很多人觉得奇怪吧?@@
其实我想许多Dewplayer用户用到很不舒服吧?毕竟Fileden影响了歌曲的播放速度~
在这里提供大家一个新的空间,Shtyle.fm~

Shtyle.fm简介:
Shtyle.fm是国外的一家娱乐社区网站,有简体中文版,提供免费相册(单个图片10M,但不能外链),200M共享文件空间(单个文件100M,虽然没写可以外链,但很容易可以找到真实地址来外链)。Shtyle.fm还有一个可用的地方是歌曲栏目,你可以上传MP3或在线录音,虽然要求必须上传你拥有版权的MP3,但上传华语音乐应该问题不大,这个空间大小和单个文件限制不详,可以通过Flash播放器外链音乐。Shtyle.fm还提供小测验(可做在线投票)、在线游戏、笑话、免费论坛社区等服务,但可用价值不高,就不详细介绍了。
网址:http://www.shtyle.fm
注意:毕竟Shtyle.fm没有明确允许共享文件外链,所以使用起来还是谨慎些。

转自:免费吧,free8

简介的部分其实要不要看都可以~主要是跟着步骤做就可以了~
其实Shtyle.fm已提供了播放器,只是他的播放器功能有限,所以我不喜欢用

步骤一:
进入官方网址申请一个账号http://www.shtyle.fm/(如图)
注意:右上角可以自行选择您要的语言,拥有中文。




步骤二:
填写所有资料,好了之后按Register(如图)



步骤三:
到你的email检查Shtyle.fm是否寄给你验证连接,然后按下连接就可以了~

步骤四:
登入之后点击Songs-->Record[歌曲-->录音](如图)


步骤五:
点击Upload your original mp3(如图)


步骤六:
之后就会进入以下的版权说明页面,点击Continue »»[继续 »»](如图)

步骤七:
从你的电脑中上传歌曲到Shtyle.fm(如图)
步骤八:
上传完毕之后,他会要求你填写资料,有打*的符号代表一定要填写
记得在Allow download[允许下载]打勾,如果你不是使用它的播放器,就能直接Copy他的下载连接放到自己的播放器里~
填写完毕请按Submit[提交](如图)

步骤九:
这就是最后一个步骤了~如果你得算使用官方提供的播放器,那么右边红色框里的代码Copy后,放到你的部落格就可以了=)(如图)

如果你只是需要连接,那么你在播放器下面会看到一个字眼:Download(下载)
对着它Right Click(右键),选择Copy Link Location就能拿到歌曲连接了哦~(如图)





最后说明:
官方提供的播放器是没有自动播放/自动循环功能的,我小小的研究了一下,
如果想要自动播放请在他给的代码中找到这一句
http://www.shtyle.fm/mplayc.do
然后在他后面添加&autostart=1

例子:
http://www.shtyle.fm/mplayc.do&autostart=1

而官方播放器是没有提供自动循环的,我尝试了许久依然无法实现
所以如果要有自动循环功能的还是使用Dewplayer吧~
官方也由提供一个Shared Files(共享文件)
那里可以上传你要的图片/歌曲之类的~网速不错~歌曲播放也很顺~
与Fileden相比好多了~


Shtyle.fm共享文件演示:http://www.shtyle.fm/fileDetail.do?id=30992520
Shtyle.fm共享文件文件外链演示:http://fs1.shtyle.fm/dynimg/fshr/88/E8/30992520_05._.mp3
Shtyle.fm小测验演示:http://www.shtyle.fm/quiz.do?id=103888
Shtyle.fm歌曲外链演示:

快乐练习曲


by:kenchy

阅读全文

Sunday, May 23, 2010

教你如何制作Mixpod Music Playlist(播放器)

Share


1.首先,到这个网站申请一个账号~http://www.mixpod.com/(如图)




2.申请好了之后按Create Playlist(如图)
   你可以在红色框内找你要的歌曲


按(▶)是播放歌曲,按(+)是将歌曲添加到你的Playlist





3.如果你有自己的MP3连接,那么你可以按Add URL来添加=)(如图)

4.添加完毕后你可以按Customize来选择你要的MP3播放器(如图)
   切记:如果你选的是video就必须使用Video & MP3 Skins:的播放器
                如果你的是MP3就可以使用MP3 Skins:的播放器
   选了后还可以在Colors&Styles/Settings更改其他设置



5.选好了播放器就按Save Playlist,添写完资料后按SAVE(get code)(如图)


6.好了后你就会看到你的播放器代码了,如果是Blogger记得选Blogger的code哦~然后将那些code放上你的部落格就可以了=)


7.完

By:Kenchy

阅读全文

Sunday, April 25, 2010

Blogger部落格简洁播放器[有List版]

Share



*让大家久等了,有List版的就像以上的图片一样,好处就是能够显示歌曲名称

在看教程之前建议大家先申请一个Fileden户口,如果你有其他类似Fileden的当然也可以。
首先,你们必须到以下网址下载Playlist

Kenchy.Dewplayer.rar
*没有Virus的,你可以安心下载

请确定下载解压之后你便会看到有两个File,一个是playlist.xml,另一个是dewplayer.swf
然后到Fileden将你要的歌上传






以上的图片,选择URL 就能拿到MP3连接了



回到刚才解压出来的文件夹,Right Click playlist.xml,选择Edit
你就会看到类似以下 的画面


跟着以下的语法填写:


<track>

<title>歌曲名字</title>
<location>歌曲连接</location>

</track>


除了红色的字,其他都别更改,但你可以自行添加多几个以上的语法
添加完毕之后便按Save,将这两个File Upload到Fileden,Copy他们的URL连接
Copy以下这个语法,将URL连接Paste到红色的字上面,看清楚,
上面两行的红字是放.swf的连接,最后一行才是放你刚更改的.xml连接

<object type="application/x-shockwave-flash" data="http://www.fileden.com/dewplayer-playlist.swf?&" width="240" height="200">
<param name="movie" value="http://www.fileden.com/dewplayer-playlist.swf?&" />

<param name="flashvars" value="xml=http://www.fileden.com/kenchy.dewplayer.xml" />
</object>

以上的语法是没有提供自动播放,循环播放和随机播放的,如果需要这些功能就要自己添加了

例子:
&autostart=1 (自动播放)   
&autoreplay=1 (循环播放)
&randomplay=1(随机播放)


添加之后-Example-
<object type="application/x-shockwave-flash" data="http://www.fileden.com/dewplayer-playlist.swf?&" width="240" height="200">
<param name="movie" value="http://www.fileden.com/dewplayer-playlist.swf?&" />

<param name="flashvars" value="xml=http://www.fileden.com/kenchy.dewplayer.xml?&autostart=1&autoreplay=1&randomplay=1" />
</object>

添加完毕,只需要放上你的部落格就能显示了
希望大家看得明白

演示地址:http://kenchy-ruey.blogspot.com/

By:Kenchy

阅读全文

Wednesday, February 24, 2010

Dewplayer部落格播放器

Share

最近都有人问我,那播放器是如何弄的。老实说,我也不是很了解,也还未摸透,但我还是开了教程,因为再被问下去我想会比继续研究来得头痛...>< 现在多数人都在使用Flashfetish或Mixpod吧,因为最方便也最大众就属它们了,播放器也比较美,要换歌也得心应手~也不需要麻烦另外Upload和到后台去换Code~不过,它们却无法满足我,因为我想要的歌在上面无法找到,就算有,Loading的速度也够我吃一顿饭的时间了,所以我算是被逼的....==

好了,话说多了~XD现在就正式进入教学。


这是他的官方网站:http://www.alsacreations.fr/
(没猜错的话那是法文吧,毕竟我的英文字典里找不到那些生字==)
制作网址:http://www.alsacreations.fr/dewplayer-en
(点击后就可以开始制作了。)

以下是不同的款式


你必须下载这个SWF File,里面会有不同的款式,然后将你要的款式Upload到网上,建议你用Imageshack或Fileden上传比较快。

****************************************************************************
以下是编辑器


Background color:你可以用这个网址找你喜欢的颜色。


URL of the MP3 file:放MP3 LINK,你可以用Fileden或者Box来上传你喜爱的歌曲,Loading也比较快。(在你上传歌曲之前,把Mp3名称换成英文字或是数字。 )

Auto Start-自动播放
Loop-循环播放
Time Display-时间显示
No Cursor-没有光标(无法调歌曲进度)
Random Play-随机播放

点击Ok后你就会得到类似以下的Code。

<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=http://www.fileden.com/files/2009/12/10/2682923/11%20Nickelback%20-%20Gotta%20Be%20Somebody.mp3&autostart=1&autoreplay=1&showtime=1&randomplay=1" />
</object>

最后Copy刚才你Upload的Swf款式的Url Paste到红色的字上就大功告成了!
最后想再告诉大家,如果你放的歌是一首以上,请在歌曲的Code之间打上|
如:

<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=http://www.fileden.com/files/2009/12/10/2682923/11%20Nickelback%20-%20Gotta%20Be%20Somebody.mp3|http://www.fileden.com/files/2009/12/10/2682923/11%20Nickelback%20-%20Gotta%20Be%20Somebody.mp3&autostart=1&autoreplay=1&showtime=1&randomplay=1" />
</object>


好了~猫了一早上弄好了~可别说不可以丫~
不可以的话就是有步骤没做到了~
再不可以的话把你的ID Password给我吧!
如果你相信我的话~但可是要酬劳的哦!XD

By:Kenchy

阅读全文