自在飞 » Flash http://zzfei.com be happy Mon, 23 Jan 2012 14:05:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Flash Mp3 Player大集合 http://zzfei.com/flash-mp3-player/ http://zzfei.com/flash-mp3-player/#comments Wed, 19 May 2010 13:38:28 +0000 zhy http://zzfei.com/?p=437 阅读全文——共4423字]]> 下面是我收集的一些Flash Mp3 Player，都很适合博客使用，欢迎试用（Flash很多，请等待）。
网页插入Flash的的代码大体都差不多，我只贴出少数几个，关于嵌入方式请看：网页嵌入Flash的两种方式

第一部分：网站提供下载

这些网站都提供swf文件下载，部分还有源代码、设计文件等，一般都有申明不要直接链接文件，而是下载后放到自己的网站上，免得引用太多产生巨大流量。（前面的用object和embed调用，后面的几个用swfobject）

1. MP3 Player
http://flash-mp3-player.net/
不懂为什么G.F.W连这个网站都能看上，官网要翻墙才能看到。这个播放器是开源的，共有5种样式可供选择，网站上可以生成代码。有个问题，autoplay和autoload同时为1时，自动播放无效。

2. Dewplayer
http://www.alsacreations.fr/dewplayer-en
这个是法国人出品的播放器，挺漂亮，样式功能也不少，调用方式两种都可以，官网可以生成示范代码。这儿用的这个是dewplayer-multi，只要把MP3链接用“|”分开就可以播放多个文件了（可是默认并不会连续播放，如果要连续播放请添加参数”&autoreplay=1″）。另外这个播放器对中文ID3支持不太好，毕竟是法国人的作品……

3. Single MP3 Player
http://www.yhglhg.com/flashmp3/
这个播放器原来的网址是http://www.flashguest.com/flashMP3/，现在已经变成广告页面了，找了好久才找到了上面的网址。中间的那个就是Single MP3 Player，可以直接生成代码，我把它下载到了本地。SC Flash Mp3 Player还有源码，有兴趣的可以自己搜索。

4. 豆瓣播放器
http://www.douban.com/swf/player.swf
这个播放器还挺漂亮，找个豆瓣音乐的试听网址看看源码就知道详细参数了，最好还是下载到本地
调用代码：

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="30" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.douban.com/swf/player.swf?url=MP3地址&amp;autoplay=0" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" width="400" height="30" src="http://www.douban.com/swf/player.swf?url=MP3地址&amp;autoplay=0" wmode="transparent"></embed></object>

5. mini mp3 flash player
http://www.mirpod.com/podcast-player.php?336/Free-mini-mp3-flash-player&lang=en
这个下载的时候需要注册，提供了几个播放器，第二个跟我介绍的第一个很像。

Mini Player Model II
生成代码的网址http://www.mirpod.com/mini-player-mp3-blog.php?lang=en

6. AudioPlay – MP3 play button
http://www.strangecube.com/audioplay/
这是一个简单的按钮播放器，官网可以生成代码，皮肤放在一个文件夹里，共9张图片，这个感觉不太好


7. EMFF (Easy Musicplayer For Flash)
http://emff.sourceforge.net/
看网址就知道是开源的了，德国人的作品，下载文件里有代码生成器，可以选择不少样式，使用xml播放列表，下面这个按钮界面还不错

8. niftyPlayer
http://www.varal.org/media/niftyplayer/
样式有点老旧，可以通过js控制，文件很小只有4KB，轻量级的播放器

9. XSPF Web Music Player (Flash)
http://musicplayer.sourceforge.net/
同样是开源的，看上去很古老了，使用xspf播放列表，其实也就是一个xml，可以为每首歌设定一个128*128的图片，不支持中文。一个英文的使用介绍：这里

XSPF Music Player Slim

10. Free Flash Mp3 Player
http://www.flashmp3player.org/
SWFObject + XML，使用CC3.0协议发布，下载的文件里包含一个php文件，扫描名为mp3目录里的文件并播放。其实PHP运行的结果是输出一个xml播放列表到播放器，所以也可以手动设置一个list.xml文件，修改下调用代码就好了。这个播放器也是通过一个default.xml文件进行颜色设置——另外文件有点大300KB。
调用代码：

<script src="swfobject2.js" type="text/javascript"><!--mce:0--></script>
 
<div id="player">
 
<h1>No flash player!</h1>
 
 
It looks like you don't have flash player installed.
<a href="http://www.macromedia.com/go/getflashplayer">Click here</a> to download.</div>
 
 
<script type="text/javascript"><!--mce:1--></script>

播放列表list.xml格式：

No flash player!

It looks like you don’t have flash player installed. Click here to go to Macromedia download page.

11. Simple Flash Mp3 Player
http://www.flabell.com/flash/Simple-Flash-Mp3-Player-37
这个播放器是免费的，作者网站提供了源码，给了ai和fla源文件，完全可以自行修改。感觉挺拉风，要是小一点就更好了。官网给的用例是用SWFObject调用的，而且与一般的调用方式有点不同。可以在js中设定参数，包括音乐的地址、标题、歌手，播放器的外观可以在一个xml文件中设置——总体来说还是挺麻烦的。WordPress里直接填写JavaScript代码执行貌似有问题，我就用iframe载入了。。

12. Flash MP3 PLAYER
http://www.premiumbeat.com/flash_resources/free_flash_music_player/
样式有好几个，不是很好看，都有作者的链接。SWFObject调用，playerMultiple通过一个xml播放列表播放文件
playerMini

<script src="swfobject.js" type="text/javascript"><!--mce:4--></script>
 
<div id="flashPlayer">
This text will be replaced by the flash music player.</div>
 
 
<script type="text/javascript"><!--mce:5--></script>

This text will be replaced by the flash music player.


playerMultiple

<script src="swfobject.js" type="text/javascript"><!--mce:8--></script>
 
<div id="flashPlayerm">
  This text will be replaced by the flash music player.</div>
 
 
<script type="text/javascript"><!--mce:9--></script>
This text will be replaced by the flash music player.

第二部分：在线服务

在线服务即可以直接引用和生成代码，一些还不需要自己找MP3链接。当然有些的要下载下来也是可以，但对于大部分人来说，直接引用才是最方便的。

1. Audio Player
http://blogcastone.net/
这个在线的播放器跟WodPress的那个AudioPlayer插件几乎一样，少用一个插件很多人还是乐意的，差别就是这个播放器不能显示歌曲信息，也不能调节音量。

2. Yahoo! Media Player
http://mediaplayer.yahoo.com/
很简单，包含一个Yahoo! 的JS文件，然后就可以播放超链接为MP3的音乐了
Apologize 3. del.icio.us音乐播放器 http://delicious.com/help/playtagger 跟雅虎meida player使用方式一样，功能要简单一些 Apologzie

4. 沪江音乐盒/沪江播放器
http://bulo.hjenglish.com/musicbox/
使用沪江播放器需要注册，网站里可以添加歌曲，然后自己引用播放列表或者单曲就好了，可以选择好几种播放器样式，设置各种参数，很方便。这几个播放器都可以下载到本地，不过只有我单曲引用的这个右键菜单没有多余的东西。
通过js引用播放列表

引用单曲

5. MixPod
http://www.mixpod.com/
这个网站最早是在万戈哪个看到的，输出的是播放列表，需要注册并在它的网站设置。提供的播放器样式还不少，可以自定义颜色等。官方产生的代码中还有些广告，去掉不必要的部分就好了。

6. Kugou音乐硬盘
http://disk.kugou.com
酷狗硬盘，直接搜索，网站提供引用代码，可以设置颜色和自动播放等，挺好的

7. Drop.io音乐播放器
http://drop.io/
Drop.io网盘外链音乐提供的swf播放器，样式还可以；上传文件试试，愣是没传成功，后来发现通过网址上传还不错。网站提供的代码有点广告，去掉即可。

8. 8box八宝盒 博客组件
http://www.8box.cn/personal/widget
上次在一个博客的听到不少好听的音乐，原来是用的八音盒。首页即有个“博客组件”链接，可以引用到网站和博客，但要求注册。可以输出播放列表，单曲，电台，榜单等，设置还是挺丰富的，就是感觉样式差了点。
Top10榜单

9. Muzicons
http://muzicons.com/
这个感觉还可以，不用注册也可以生成代码，可以直接搜索歌曲，那个表情比较有创意，就是有时候它的暂停貌似没有真的暂停？

10. 虾米播播
http://www.xiami.com/widget/
虾米音乐提供的，样式一般，在其主页的右下角可以知道链接，不需注册也可使用，也遇到过暂停无效，郁闷？

11. 巨鲸网音乐Widget
正版音乐，速度快而稳定，样式定义也很丰富，应该是很不错的选择，唯一的缺点也许就是部分歌曲可能找不到~

第三部分：已经失效

无法使用的，我也无法验证了，仅作记录

1. Odeo Mp3 Player
http://www.odeo.com
网站维护中，不知道什么样子，好了再补上

2. Easylistener
http://www.musiclibre.org/easylistener/
Yahoo!出品的播放器，可以读取RSS和网页的MP3链接并播放，不过早停止开发了，我下载到本地运行提示”Please run this swf off a Yahoo! server.”，这个off的意思我倒是看不懂了？从上面这个网址上引用仍然无法播放，不懂。

3. Google Reader MP3 Player / Gmail Mp3 Player

GR播放器地址已经找到

Google Reader MP3 Player是完全没见过，Gmail Mp3 Player通过代码调用无法播放，从gmail邮箱播放自己的mp3附件倒是可以

PS：最近发现Chrome已经可以直接播放MP3和MP4文件了，看了下用的是<video>标签，HTML5啊。Flash真的危险了吗？苹果和Adobe之争，HTML5与Flash之争，这是两回事，而且也不是你死我往的关系，只要我喜欢Flash就够了。

相关日志

]]> http://zzfei.com/flash-mp3-player/feed/ 31 网页嵌入Flash的两种方式 http://zzfei.com/embed-flash-in-html/ http://zzfei.com/embed-flash-in-html/#comments Tue, 18 May 2010 14:50:03 +0000 zhy http://zzfei.com/?p=283 阅读全文——共1007字]]> 说成三种也可以，因为第一种倒是可以分为两类。所有内容均收集于网络，学习之用。

  1. object和embed标签
    典型代码如下：

    1
2
3
4
5
6
7
8

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="Untitled-1" align="middle">
<param name="allowScriptAccess" value="sameDomain" /> 
<param name="movie" value="mymovie.swf" /> 
<param name="quality" value="high" /> 
<param name="bgcolor" value="#ffffff" /> 
<embed src="mymovie.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="mymovie" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
　

    　　　这种方法是使用 object 和 embed 标签来嵌入，其中“D27CDB6E-AE6D-11CF-96B8-444553540000”是类ShockwaveFlash的GUID，定义一个id为Mp3Player的类实例。object 的很多参数和 embed 里面的很多属性是重复的，这是为了浏览器的兼容性，有的浏览器支持 object，有的支持 embed，这也是为什么要修改 Flash 的参数时两个地方都要改的原因。
    　　缺点就是：embed 标签是 Netscape 的私有标签，虽然 embed 标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。因此使用embed 标签的页面将不能通过W3C校验。另一方面，虽然只使用object标签可以通过验证，但是在盗版泛滥的中国，多数用户仍然在使用windows xp系统上自带的IE6浏览器，而它是不支持object标签的。

  2. 使用js嵌入，如SWFObject
    　　SWFObject是一个用于在HTML中方面插入Adobe Flash媒体资源（*.swf文件）的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外，它能够避免您的 HTML、XHTML中出现object、embed等非标准标签，从而符合更加标准。
    　　下面是一个最简单的范例，其中 DIV结点内的所有内容都会在客户端被Flash资源替换：

    1
2
3
4
5
6
7
8
9
10

    <script type="text/javascript" src="swfobject.js"></script>
 
<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>
 
<script type="text/javascript">
   var so = new SWFObject("movie.swf", "mymovie", "200", "100", "7", "#336699");
   so.write("flashcontent");
</script>

主要参考网址：
关于网页中嵌入Flash的方法
你在骗W3C，还是在骗自己的客户？
百度百科：SWFObject

PS：不能切换到可视化模式，不然可就麻烦了！代码高亮仍然是个问题—万戈推荐的那个代码发芽网贴出来的代码太恐怖了，特别是代码多的时候；排版仍然不知怎样才好看，现在用几个全角的空格做缩进。。

相关日志

]]> http://zzfei.com/embed-flash-in-html/feed/ 28 收集了几个Flash时钟 http://zzfei.com/flash-clocks/ http://zzfei.com/flash-clocks/#comments Thu, 15 Apr 2010 00:01:33 +0000 zhy http://zzfei.com/?p=227 阅读全文——共716字]]> 之前看了veryfar的“分享一款翻页时钟屏保，请珍惜时间”一文，感觉下面这个Flash时钟挺不错。

不过广告真的是太恶心了，所以baidugoogle了下“Flash Clock”，找到些不错的Flash时钟。

  1. Flash Clock   All the Flash Clocks 博主不让外链，要用的下载放到自己网站下
    他的收藏也是到处收集的，由他的链接到这儿 Clock Screensaver
    下面这个感觉最有创意，很多线条——做个时钟其实还是有不少可“创意”的
    这个时钟的原版（原版没有超链接）有问题，上面的作者修改了下。用Flash Player播放器打开放大窗口，会发现这个时钟貌似没有2012，最多也只能用到2014——还是有点问题，也许是作者刻意设置的吧
     
  2. ClockLink.com – Free Flash World Clock  广告太恶心了
  3. Flash Clocks Website 这个其实还不错，只是所有Flash时钟一点击就到他们的网站
    下面这个就是我想要的。我试试反编译swf文件为fla，可是却发现里面有函数乱码——折腾了下还是搞不定
  4. 最后，自己学习做个Flash才是王道，这也是一个很不错的练习题材
    找了两个Flash时钟源文件，有一个就是我现在放在侧边栏的
    翻动的数字时钟：http://www.flash8.net/fla/7448.shtml
    翻页的钟表：http://www.flash8.net/fla/9774.shtml
  5. POQbum.com | Flash Clocks 所有时钟下面有个广告按钮。。
    这个网站下的Flash Toys & Flash Generators还有不少好玩的，show一句我非常喜欢的话：

折腾，做了个收藏夹。。。珍惜时间

相关日志

]]> http://zzfei.com/flash-clocks/feed/ 11