Yahoo! Media Player
想在网页上弄个MP3 播放器? 用 Yahoo! Media Player 吧.
Yahoo! Media Player 是一个实现 MP3 播放器的 JavaScript 脚本. 它会识别的页面上所有 MP3 链接, 对它们生成一个列表, 并放置在浏览器窗口的左下方. 访客通过点击链接前面的播放按钮, 或者在播放列表中选中某项, 就可以播放音轨了.
Yahoo! Media Player 现在还是 Beta 版本. 它拥有一个很 Cool 很友好的用户界面, 并且能通过 XHTML 1.1 和 CSS 2.1 验证. 但 js 文件体积相当的大, 171.8 KB (175908 bytes). 如果你的站点访问速度够快, 请一定要试试.
安装:
1. 调用 JavaScript 脚本, 在 <head></head> 中加入以下代码.
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
2. 在页面的够个地方 (可以是文章中), 加入一些 MP3 的链接, 例如:
(如果页面上没有任何 MP3 的链接, 播放器将不会显示出来.)
<a href="http://mediaplayer.yahoo.com/example1.mp3">First link</a>
<a href="http://mediaplayer.yahoo.com/example2.mp3">Second link</a>
<a href="http://mediaplayer.yahoo.com/example3.mp3">Third link</a>
演示:
First link
Second link
Third link
用不了啊
今天发现Yahoo! Media Player支持yahoo和youtobe的视频了
试了下.swf链接,不能识别,.flv链接可以出声音没图像,要是可以支持的话就太强大了
会不会有人能修改呢?
有没有全站的音乐播放器啊,浏览不同文章时候也能照常播放?
这个确实很帅,不过用户离开本页的,或者刷新页面的话,就不能再播放了,
不知道有什么方法可以解决
嗯, 我试试.
wp的半角自动转换成全角是可以屏蔽的
需要一个插件:http://sparanoid.com/taxonomy/blog/wordpress/quotmarks-replacer/
@hmilyzhang 在左下角有个按钮, 鼠标移动到上面就可以看到了...
不过我没有找到关闭按钮在哪里。
感觉还不错的播放器。
@Christen
这个标签令我非常烦恼, 评论中不行, 换行不行, 纳闷...
@Francis
呵呵, 萝卜青菜吧.
还是Flash的好……
评论中屏蔽了部分HTML代码。。
似乎在WP中直接用尖括号加code书写代码会有问题。。
似乎WP在直接用
书写代码会有问题,会自动的将部分半角的双引号改为全角,可能是为了和页面中的部分JS冲突吧,因此前台展示的代码是不能直接复制到自己的文件中运行的,你可以自己拷贝看看,推荐使用语法高亮的插件,如coolcode等。我最近正在开发一个播放网友上传音频的活动,本想借鉴Yahoo的这个框架,却发现还很不稳定,这会儿就死活播放不了,将JS下载到本机,也播放不了,不知是什么问题。。。
@leafduo 谢谢! 敲错了, 还 Copy 好几处. (- -!)
Medio? Media?