由于国内访问 youtube 很慢,而且难保它不被 GFWed,所以想找个独立的网页多媒体播放器取代 youtube ,这样就能直接调用储存到自己的服务器上的多媒体资源了。不过找了很长时间却都没有中意的,结果最后还是将目标锁定在了 Google 的身上。
相信使用 Google Reader 订阅博客的朋友应该都知道它有一款内置的播放器,这款播放器除了能在 Google Reader 内使用外,我们还能把它放到网页上进行调用,下面就是个例子:(点击 “Play 箭头”即可播放)
调用代码如下:
1 2 3 | <embed height="27px" width="350px" name="plugin" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://zeuscn.net/wp-content/uploads/2008/10/yahoo.mp3" type="application/x-shockwave-flash"/> |
其中
http://www.google.com/reader/ui/3523697345-audio-player.swf
即是 Google Reader 内置的播放器,点开链接即可看到效果。
上述代码中的
1 | ?audioUrl=http://zeuscn.net/download/angry.mp3 |
即指定的多媒体资源的绝对地址。
那么只要知道了 mp3 资源的地址,我们就能使用上述的代码在网页中的任何地方插入 mp3 音乐了。
Google 在收购 Youtube 之前也有自己的视频网站:http://video.google.com/
与 Google Reader 的内置多媒体播放器一样,Google Video 也提供了一个多媒体播放器:
http://video.google.com/googleplayer.swf
两者调用多媒体资源的方式基本一样,但是似乎 Google Video 的播放器出了问题——外部调用该播放器无法播放任何多媒体文件,也意味着我无法使用它在网页中插入 flv 视频。即使我 Google 了一下午也没找到解决办法… 无奈只能另辟蹊径。
经过一番研究后,我发现 Google Reader 的播放器还能播放 flv 文件!
调用代码和效果如下
1 2 3 | <embed height="300px" width="400px" name="plugin" src=" http://www.google.com/reader/ui/3523697345-audio-player.swf?videoUrl=http://zeuscn.net/wp-content/uploads/2008/10/optimusprime.flv" type="application/x-shockwave-flash"/> |
点击 “Play 箭头”即开始缓冲,缓冲结束后自动播放,或者在缓冲的时候再点击一次,就能在缓冲时进行播放:
使用 Google Reader 提供的网页多媒体播放器播放音频和视频文件,除了 “width” “height” 参数的值以及多媒体资源地址不同外,还有一个地方需要特别注意:
播放音乐文件时,在资源地址的前面是:?audioUrl=
而在播放视频文件时,资源地址前则是:?VideoUrl=
OK ,只要我们手上有 mp3 和 flv 的资源,就能通过上述方法在网页/博客中方便插入多媒体文件了
倘若你需要播放器能够自动播放,那么紧跟
http://www.google.com/reader/ui/3523697345-audio-player.swf?videoUrl=http://zeuscn.net/wp-content/uploads/2008/10/optimusprime.flv
这一串地址后直接加上 &autoPlay=true 即可!
不用额外安装插件就能在博客内插入音频和视频,还是挺爽的
最后再次感谢 Google 给我们带来的便利
zEUS.