利用SWFObject讓你的Blog有音樂播放的功能

2008-07-27

18167
0
HTML

最近小弟的朋友evonne錄製了兩首不錯聽的音樂
想把它加到Blog裡,就去找了一個不錯的Flash多媒體播放工具SWFObject
目前SWFObject的版本已經出到2.x了..小弟是用1.5去測試的..

最近小弟的朋友evonne錄製了兩首不錯聽的音樂

想把它加到Blog裡,就去找了一個不錯的Flash多媒體播放工具SWFObject

目前SWFObject的版本已經出到2.x了..小弟是用1.5去測試的..相關資源如下：

官網：
http://blog.deconcept.com/swfobject/

Download SWFObject 1.5：
http://blog.deconcept.com/swfobject/swfobject.zip

music.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SWFObject Player</title>  <script src="swfobject.js" type="text/javascript"></script> </head> <body> <div> <div id='flash_music1'> </div> <div id='flash_music2'> </div> </div> </body> </html> <script type="text/javascript"> Player("http://f6.wretch.yimg.com/eeephone/25/1852859806.mp3","flash_music1");//音樂來源(歌名:同手同腳),要加入的Div(flash_music1) Player("http://f6.wretch.yimg.com/eeephone/25/1852859809.mp3","flash_music2");//音樂來源(歌名:偏心),要加入的Div(flash_music2) function Player(filename,id) { var so = new SWFObject("http://l.yimg.com/wretch.yimg.com/photos/serv/video/video_player/BGMusicPlayer.swf", "line", 400, 20, 7);//參考無名的swf檔,因為它的比較美觀 so.addVariable("file", filename);//檔案路徑 so.addVariable("width", "400"); so.addVariable("height", "20"); so.addVariable("backcolor","0xEEEEEE"); so.addVariable("frontcolor","0x2966E9"); so.addVariable("lightcolor","0xFF3366"); so.addVariable("autostart", "false");//是否自動播放 so.addVariable("showdigits","true");//是否顯示digits so.addVariable("repeat","true");//是否重覆播放 so.write(id);//將flash加入至div } </script>

執行結果：

參考網址：
http://blog.deconcept.com/swfobject/
http://www.wretch.cc/

音樂試聽：(好聽記得推一下喔,謝謝大家)，↓要裝flash player才能正常使用播放器喔!

回首頁