2013-02-13 157 views
0

我想將圖像用作HTML5的音頻播放器的播放/暫停按鈕。使用單個按鈕或圖像作爲音頻播放器

我不需要顯示控件。有沒有什麼辦法可以做到這一點,如隱藏音頻元素,並使用Javascript或jQuery播放/暫停音頻,每當圖像被點擊?

回答

0

是的,你可以使用這個:

HTML

<audio id="player"> 
    <source src="file.ogg" type="audio/ogg"> 
    <source src="file.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

JS

var player = document.getElementById('player'); 
player.play(); 

,並暫停

player.pause(); 

讓我知道你是否需要任何幫助:)

0

是的,看看我的播放器(STILL UNDER CONSTRUCTION):http://zachrip.net/p如果你看看源代碼,你可以看到製作音樂播放器的許多重要事情。 編輯:我也可以給你一些基本的源代碼,如果你想,我看到然後複製下來,然後使用它學習最好。