Archive

文章標籤 ‘flash player’

好用的Flash Mp3 Player(可用javascript控制喔)

2009年1月7日 尚無評論

最近剛好要找一個Flash Mp3  Player,剛好看到niftyplayer,還不錯用
特別來介紹一下。

他的官方網站如下
http://www.varal.org/media/niftyplayer/

用戶插入圖片

目前最新版本到1.7,看來蠻陽春的,沒關係,因為我是想要隱藏播放器的
會選這套的重點是,就是看上他可以用javascript控制

因為只想做個Music On/Of的開關就好,簡單一點,不用播放器那麼佔空間
他官網介紹的很詳細,蠻容易使用的,所以不多說什麼啦,接下來只介紹在網頁上如何加上Music On /Off

先將flash及javascript放在你的網站,然後在你的網頁加上以下html語法:

Music
<span id=”m1″ style=”display:none”><a href=”javascript:music_play();” class=”style7″>On</a></span>
<span id=”m2″ style=”display:”><a href=”javascript:music_pause();” class=”style7″>Off</a><span>


然後在<head></head>之間加上javascript語法:

<script type=”text/javascript” language=”javascript” src=”niftyplayer.js”></script>
<script>
function music_pause() {
niftyplayer('niftyPlayer1').pause();
m1.style.display=””;
m2.style.display=”none”;
}

function music_play() {
niftyplayer('niftyPlayer1').play();
m1.style.display=”none”;
m2.style.display=””;
}
</script>


當然還有一個我就不說啦就是要把flash語法崁上去並設name為niftyPlayer1 (sample的語法貼上即可),如要隱藏就在height 及width 都設定為0就可以啦

這樣,你的網頁就有音樂播放功能啦

Categories: WebDesign Tags: