Blogger里以JS的方式调用flash播放器
Blogger 里加Flash播放器,粘贴代码比较繁琐,参数比较多。用javascript写的JS可以很好解决这个问题。这个script的下载地址是: 前面介绍了《多款漂亮的Flash Mp3 Player》,今天又发现了一款很小巧的flash mp3播放器,就两个参数:song_url后填歌曲地址,song_title为歌曲名称。调用方法,请看本页的源代码。来自哈佛大学的Havens Center(有很多播客课程),可以作为您的播客或者博客程序的播放器。
http://billconan.googlepages.com/prototype.js
http://billconan.googlepages.com/musicbox.js
下载这两个js文件,还需要这个flash播放器文件:
http://billconan.googlepages.com/player.swf
这个播放器是一个wordpress插件中的,详细情况请看官网: http://www.1pixelout.net/code/audio-player-wordpress-plugin/
更多flsah播放器见:
又三款漂亮的Flash Mp3 Player
试一下flash播放器
下载以后需要设置musicbox.js文件里面的路径,成功以后上传到一个稳定的空间,比如google pages,然后在blogger的模版上添加这两个js文件就行了。
使用的时候只需要这样写:<div rel="music" datasrc="歌曲的链接"></div>
就可以了。使用其它款式播放器,需要修改一下js里的flash名称,使之一致就可以了。
以上方法经测试好像有错,不显示播放器。下面补充一个新方法,原理一样,这个js更精炼和方便:
把下载好的js文件和播放器上传到空间,修改模版,在head之间添加下面一行(注意player.js的路径):
<script src="player.js" type="text/javascript"></script >
注意把(< 改为半角的符号)
保存一下,这样你就开通了这个功能了,以后你都可以使用下面方法发mp3和flash日志了。
一、使用mp3播放器,用html编辑模式,将下面代码mp3地址和名称改成你自己的,粘贴就可以了。
<a href="http://www.az-art.cn/music/bhl.mp3" play="true">朴树-白桦林</a>
注意把(< 改为半角的符号)
注意那个play="true",加了这个才会认为是需要调用播放器播放的mp3,如果没有,就是一般的链接了。只支持mp3格式歌曲。
二、使用flash,将下面代码flash地址和名称改成你自己的,粘贴就可以了。
<a href="http://youtube.com/v/1u3ekzwnYxw" flash="true" width="350" height="425">abc</a>
注意把(< 改为半角的符号)
需要三个附加属性flash、width、height。这三个属性均是必须说明的:
flash:表示此链接是flash,之所以加这个属性,是因为有些falsh链接并不是以swf结尾的(示例即是如此);
width:flash的宽度;
height:flash的高度。
下载:someok.ext.zip
以上方法转自:http://wiki.someok.com/Wiki.jsp?page=ATagPlayMp3AndFlash
下载地址:http://moonspring.googlepages.com/mp3.swf
没有评论:
发表评论