or  Sign Up

< Browse > Home / Skill, WordPress / Blog article: 在博客中嵌入Flash音乐播放器

在博客中嵌入Flash音乐播放器

八月 26th, 2008 | 7 Comments | Posted in Skill, WordPress | sfox

下面介绍几款酷酷的能嵌入到博客或博客文章中的Flash音乐播放器,不是使用插件,而是用代码,即可在文章中播放MP3格式的音频文件,让你的读者在音乐的氛围中享受你的文字了,而且这几款播放器外观也很不错,值得使用!来让你的WordPress更出彩吧!

1. Google Reader MP3 Player

Google Reader 有一个内置的MP3播放器,可以在非谷歌的网站使用。这个播放器可以进行音量控制,而且没有Google的标志,还能自动探知音乐文件的时长,让你的读者知道歌曲会持续多长时间。这是一个使用的例子:

要在你的文章上使用这个MP3播放器,只要拷贝以下代码到你想显示播放器的位置,并将 MP3_FILE_URL 改成链接的MP3音频文件地址即可。

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3_FILE_URL" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

 

2. Yahoo! MP3 Player

如你觉得音乐播放器的样式太普通了,那么你可以试试 Yahoo! MP3 Player。Yahoo! 提供了一个音乐播放器代码生成服务(Easy Listener),让你自己创建一个适合自己博客的Flash音乐播放器。颜色、大小、功能等都可以自定义,够酷吧,来看看使用例子:

虽然 Easy Listener MP3播放器需要输入包含有MP3格式的音频文件的网址,但如果你直接输入MP3音频文件的链接地址也同样有效的。支持自动播放,你也可以决定与你所使用的音频文件相关的标签信息的显示位置。

<embed src="http://webjay.org/flash/dark_player" width="400" height="40" wmode="transparent" flashVars="playlist_url=MP3_FILE_URL&amp;skin_color_1=-145,-89,-4,5&skin_color_2=-141,20,0,0" type="application/x-shockwave-flash" />

 

3. Yahoo! Media Player

如果你的博客是音乐型的,经常链接到一些MP3格式的文件,那么在文章中嵌入一个只能播放一首音乐的Flash播放器就没有多大意义了。因此,我推荐你使用 Yahoo! Media Player,这个播放器可以自动识别你博客中的MP3文件的链接地址,并创建一个嵌入式的播放器。

你需要做的就是将下面的代码插入到你的WordPress博客模板的 index.php 或者 footer.php 文件中,这样,站内所有的MP3音频文件链接都会转换到内置的MP3播放器中。曲目顺序可随机显示,访客可以在播放列表中跳过任何一首歌。真是一个优秀的播放器!

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

 

4. Odeo MP3 Player

Odeo 提供了一个十分出色的MP3播放器,其特点是你在RSS订阅的文章中都可以使用这个播放器。但 Odeo Player 也有一个小小的缺点,那就是你需要在嵌入的代码中输入歌曲准确的持续时间,你也可以跳过不写,但这会使得播放器的播放条不能正确地显示歌曲的播放状态。另外,Odeo Player 是没有音量控制功能的。这是使用样式的例子:

要在你的博客文章中使用Odeo MP3播放器,只需要拷贝以下代码到你想显示播放器的位置,并将 MP3_FILE_URLDURATION 分别替换成MP3文件的链接及歌曲时长。via

<embed type="application/x-shockwave-flash" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="400" height="52" allowScriptAccess="always" wmode="transparent" flashvars="audio_duration=DURATION&amp;external_url=MP3_FILE_URL" />

 

介绍了4款这么酷的MP3播放器,你比较青睐哪款呢?

 

随机显示的文章:

Leave a Reply TotalViews: 3,834 times | Trackback

   如果喜欢本文,你可以 订阅本站全文,以便获取更多相关的信息。
   本文作者:sfox
   原文标题:在博客中嵌入Flash音乐播放器
   原文链接:http://imsfox.com/embed-mp3-audio-files-with-4-cool-flash-players.fox
   © SFOX WebApp 版权所有, 转载请遵循 署名-非商业性使用-相同方式共享 3.0 协议.

 

您可能感兴趣的相关文章

  • 18个实用的 WordPress 安全插件及技巧 毫无疑问,对于独立博客系统来说,WordPress 是最出色的,然而,作为一个如此受欢迎的开源软件,同时就意味着黑客们也可以查看到代码并找出能够利用来攻击的...
  • 如何使 WP-Cumulus 插件支持显示中文标签云 友情提示:在您阅读此文章之前请先看看《[插件推介] 3D Flash 标签云插件 WP-Cumulus》,以大致了解一下 WP-Cumulus 这款插件。W...
  • Heyzap:在网站中嵌入游戏吸引访客 『Heyzap』提供可嵌入到网站中的6000+好玩小游戏 widget,吸引您的访客,增加他们的停留时间及网站的流量与趣味性。如何能吸引您的访客在您的网站上...
  • Happy 牛 Year! [回首2008 展望2009] 2009年,伴随着欢呼声、钟声、烟花声、歌舞声,踏着轻快而平稳的步伐,走进了我们的生活;2008年,就此画上圆满的句号,正式成为历史。sfox在这里衷心祝愿...
  • [插件推介] 3D Flash 标签云插件 WP-Cumulus 自从本站使用了 WP-Cumulus 这个效果相当炫酷的 3D 式 Flash 标签云插件后,很多读者都留言询问如何实现这种效果、使用了什么插件等等之类的问...

 

 

7 条评论 关于 “在博客中嵌入Flash音乐播放器”

  1. 1F 酋长 Says:

    八月 26th, 2008 at 11:55 下午

    好东西,瓦咔咔!

    [回复这位小朋友]

     sfox Replies:
    八月 27th, 2008 at 1:39 上午

    哈哈,酋长大驾光临啦~~欢迎欢迎!

    [回复这位小朋友]

  2. 2F 怒风 Says:

    八月 28th, 2008 at 9:05 下午

    前两款不错哈

    [回复这位小朋友]

  3. 3F ernsky Says:

    十月 3rd, 2008 at 9:22 上午

    我喜欢第一个播放器做插件形式就好了,写的时候只需加入地址,这样每次嵌入太麻烦!

    [回复这位小朋友]

  4. 4F Vicia Says:

    二月 19th, 2009 at 5:53 下午

    啊啊啊,你就是也喜欢宫崎骏的那位吧?又找到你了!我一直在找一款自己喜欢的播放器,其实产生这个念头的原因就是我特别喜欢google reader里的那个。没想到,找了这么久,会在这里找到reader的。*_* 谢谢啦!^_^

    [回复这位小朋友]

  5. 5F Vicia Says:

    二月 19th, 2009 at 7:09 下午

    不知为什么,播放器可以显示出来,但是就是不播放。已经点击了播放,也没反应。><

    [回复这位小朋友]

  6. 6F Vicia Says:

    二月 19th, 2009 at 7:23 下午

    抱歉,刚刚的评论无法编辑了。>< 找到原因了,是我链接的那个听力文件出了问题。

    [回复这位小朋友]

发表您的评论,让别人说去吧!

Tips1:提交评论后,您可以在 5分钟内 来进行修改!
Tips2:允许部分 HTML 标签:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notes1:If you want to comment in non-Chinese, please copy "你好" before your words!
Notes2:URIs 必须完整 (例如: http://imsfox.com) ,所有标签必须正常关闭。
Notes3:系统会自动分行,并截断部分字符的超出部分。
Notes4:请注意评论与文章内容 相关, SPAM 将被列入本站的黑名单。

隐贤山庄之行2隐贤山庄之行1隐贤山庄之行5隐贤山庄之行3隐贤山庄之行4隐贤山庄之行6隐贤山庄之行7隐贤山庄之行8隐贤山庄之行9hugowong-nice1

TOP