Log in
  • Search
  • Subscribe to the feed
May 23, 2008

WordPress Plugin: WS Audio Player

Filed under: 生活记录 by icyleaf.

WS Audio Player是一个可在日志插入且附带下载功能的在线Flash播放器。说来这个Audio Player以及样式,其实是我从Pownce发现的,看着其效果真的很棒,由于pownce自带的4个模板的背景色均不为白色,所以它的MP3 Flash Player搭配的很完美。
经过多次的研究和测试,成功抽取了其Flash Player以及CSS文件。蛮不道德的哈,但至少我没有独揽其版权,据为己有!
看到这个Flash Player是如此的完美,因此我想把它做成WP的插件,使其大家共享使用。

====================
安装 - Install Plugins
====================

  1. 解压缩ZIP文件到自己BLOG空间的wp-content/plugins下面。
  2. 进入WP后台激活WS Audio Player插件。
  3. 在WP后台的Option(操作)管理页面,找到WS Audio Plauer可进行外观的选择和配色。(目前只有3种选择以及自定义模式)

====================
使用方法 - Useage
====================
发布日志的时候,你在可视化模式和代码模式发现一个音乐符号的按钮,点击按钮,填写相应的参数即可插入。或者手动输入:[ audio=音乐的地址[,音乐名称,download] ]
(*)其中音乐名称和download(是否可下载)为可选择选项。
举例说明: 插入一首名为“转角爱”,音乐的地址为http://www.icyleaf.cn/music.mp3
由于可视化也能显示,所以我在[]最左,最右加了空格。
样式1: 只显示播放器
[ audio=http://www.icyleaf.cn/music.mp3 ]
样式2: 只显示播放器以及音乐名称
[ audio=http://www.icyleaf.cn/music.mp3,转角爱 ]
样式3: 只显示播放器以及下载按钮(注意,中间有两个逗号)
[ audio=http://www.icyleaf.cn/music.mp3,,download ]
样式4: 全部显示:播放器,音乐名称,下载按钮
[ audio=http://www.icyleaf.cn/music.mp3,转角爱,download ]

====================
注意事项 - Notices
====================

  1. 除了音乐名称外,其他符号均为英文半角状态。
  2. 如果只准备显示播放器以及下载按钮,不要忘记中间为两个逗号。
  3. 测试结果显示效果正常,段落的间隔大是这个主题的原因。
  4. 仅支持MP3格式。

====================
更新历史 - History
====================
[2008-05-22]1.1.0更新
[2008-01-09]1.0更新说明
[2007-12-24]0.9.5更新说明
[2007-11-28]0.9.4更新说明
[2007-11-07]0.9.3修正版更新说明

====================
FAQ
====================
Q: 请问这个插件可以自动播放么?
A: 不能。由于Flash播放器的设计就是那样,所以不能自动播放音乐。

Q: 请问你的下载按钮怎么在浏览器下面显示错位?
A: 这是故意设计的,如果你不喜欢可以在后台选择经典模式。

Q: 紧急!我插入的音乐文件无法播放!
A: 首先,你检查你的音乐文件是否为mp3格式,如果没有问题则需要检查音乐的标题是否符合书写标准,尽量不要带有特殊符号,如空格,单引号等,尤其是单引号!!

====================
演示 - Demo
====================

DownloadI'll take everything

====================
插件下载 - Plugins Download
====================
Download latest version form WordPress.org

====================
Donate to this plugin
====================


  • 29 Comments
  1. Pingback by 我正在使用的WP插件 - July’s Blog — September 8, 2008 @ 1:48 am

    [...] WS Audio Player [...]

  2. [...] 1.AudioPlayer [...]

  3. Pingback by 4webmasters » Top 1000 WordPress Plugin Authors — December 31, 2008 @ 9:42 am

    [...] WS Audio Player [...]

  4. [...] WS Audio Player [...]

  5. Comment by Abeon Tech — March 13, 2009 @ 12:40 am

    Great plugin!

    I'll use this on a blog I'm doing for a friend, thanks :)

  6. Comment by Eli — March 14, 2009 @ 6:19 am

    Thanks for the plugin!

    I was wondering if you can add the feature that after it finishes playing it automatically rewinds, so it is ready for the user to hit play again.

  7. [...] insert a music with WS Audio Player(Download) this music. Sphere: Related [...]

  8. Comment by Nic — April 30, 2009 @ 1:36 pm

    谢谢啦,插件很好用!
    如果外观能美化一下,边角变成圆角就更好看啦~
    还有,一篇文章插两首歌,第二首点play就直接下载了呢?
    谢啦

  9. Comment by icyleaf — April 30, 2009 @ 1:45 pm

    边角的实现是可以通过 CSS 控制的,下面的代码是兼容非 IE 核心浏览器的圆角代码。


    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

  10. Comment by Looki — May 5, 2009 @ 5:51 pm

    http://218.15.236.26/downloadfiles/mp3/%CE%D2%B0%AE%C4%E3SHE.mp3
    使用这种链接提示loading error

  11. Comment by icyleaf — May 5, 2009 @ 6:37 pm

    尽量不要使用中文名称的地址,有时候 flash 对编码后的字符不认

  12. Comment by meandme — May 6, 2009 @ 6:41 pm

    Hi, and thanks for your great plugin!
    I wonder if music can automatically play when you open the webpage

  13. [...] insert a music with WS Audio Player Download (_St. Vincent - [...]

  14. [...] insert a music with WS Audio Player Download (_Phoenix - Lisztomania (Yuksek [...]

  15. [...] insert a music with WS Audio Player Download (_The Gossip - Dimestore Diamond from Music For Men out [...]

  16. [...] insert a music with WS Audio Player Download (Robyn - Because Of Boys / A Cause Des Garcons (Yelle [...]

  17. Comment by Soulseekah — June 24, 2009 @ 12:43 pm

    Great plugin! Is there a way to CENTER the player on the post, instead of having it aligned left?

  18. [...] insert a music with WS Audio Player Download (Lily Allen – Fuck You (Doctor Rosen Rosen [...]

  19. [...] insert a music with WS Audio Player Download (Alicia Keys – Human Nature (Michael Jackson [...]

  20. [...] insert a music with WS Audio Player Download (LA ROUX – Tigerlily“/>LA ROUX – [...]

  21. Comment by nozumu — July 16, 2009 @ 6:17 pm

    請問一下,為什麼我無法從Option去設定ws audio player插件?

    他說我沒有足夠權限進入

  22. Comment by icyleaf — July 21, 2009 @ 10:15 am

    是不是你的权限不够?是否为管理员用户?

  23. [...] insert a music with WS Audio Player Download (Simian Mobile Disco – Bad Blood (feat. Alexis Taylor of Hot Chip)”/>Simian [...]

  24. [...] insert a music with WS Audio Player Download (Jay-Z – Run This Town (ft. Kanye West”/>Jay-Z – Run This Town (ft. [...]

  25. Comment by Christopher D. Madera — August 6, 2009 @ 1:46 am

    i love this plug in, i can surly say its the best ive used, but the other day i went to change its settings and i get the following message: You do not have sufficient permissions to access this page.

    anyway this can be fix? please help

  26. Comment by 中悦 — August 10, 2009 @ 7:49 am

    貌似不是我要找的那种……

  27. [...] insert a music with WS Audio Player Download (Simian Mobile Disco – 1000 Horses Can’t Be Wrong”/>Simian Mobile [...]

  28. [...] insert a music with WS Audio PlayerDownload (Drake (ft. Kanye West Lil Wayne & Eminem) – Forever“>”>Drake (ft. [...]

  29. [...] WS Audio Player [...]

  • Leave a comment

(required)

(required)