怎样用Google和Yahoo的flash播放器在网页中嵌入MP3 二月 26th, 2010
问:
怎样在一个网页或RSS feed中嵌入mp3(播客,歌曲和背景音乐),这样可以使访客可以在浏览器里就可以听到而不需要另外再开播放器。
答:
我们以前建议用Google MP3 Player嵌入,但是出于某些原因,Google停掉了外部网页的调用,除了它自己Gmail的声音邮件。
所以在这里我们介绍一些Google和yahoo的新MP3播放器,这些播放器简洁,容易实现而且极其高效。
1. Google阅读器里的MP3播放器
Google阅读器内置的MP3播放器和Gmail里的很相像,但它却可以在Google以外的网页上使用。它有音量控制,没有Google的标志,它还可以自动检测声音文件的长短,这样你的读者就可以知道这首歌有多长。下面是一个HTML嵌入的例子:
要在你的网站或博客上实现上面的效果,复制粘贴下面的代码就可以了,记得把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.(这条我试的无效,就不写了) 3. Yahoo! 媒体播放器 如果你开的是个MP3博客或博客,要经常链接到MP3文件,那么每个MP3文件都有独立的播放器最好了。所以我建议用Yahoo! Media Player,它可以自动检测你网页上的MP3文件并把每个文件都嵌入到播放器里。 你需要做的就是把下面的代码插入你博客的模板文件里,这样所有的MP3链接都会被转化到MP3播放器里。这个播放器提供随机功能,这样访客就可以跳过列表里的任何一首歌。真是好东西。
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>4. Odeo MP3播放器 Odeo是个很漂亮的播放器,在网页和RSS阅读器中都表现很好。但有个小问题是:Odeo 播放器需要你在代码中写入歌曲的准确时间,否则你播放的时候进度条会不走,它也没有音量控制。 要用这款播放器的话,把下面的代码写到你的网页中,把MP3_FILE_URL改成你MP3的地址。
<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&external_url=MP3_FILE_URL" />概述: 这里有很多种类,我们应该怎么选择合适的MP3播放器呢? 假如要求不高的话,我建议使用有音量控制的Google Reader MP3播放器,如果经常链接MP3的话,用它会很麻烦,我建议使用Yahoo!媒体播放器。 来源
Interesting post! Do you have more to share?