HTML5音頻顯示僅播放暫停和靜音按鈕

我想知道是否有快速和簡單的方式來設置HTML5音頻元素的樣式來顯示我想要的內容。我想知道你是否可以打開和關閉某些控件，但似乎並非如此。HTML5音頻顯示僅播放暫停和靜音按鈕

我不想要進度/跟蹤欄，或者顯示剩餘的時間。我只想要一個簡單的播放/暫停切換按鈕，以及一個靜音/取消靜音切換按鈕。

就這樣！有任何想法嗎？

2012-12-10 user1380540

我已經回答了。這是鏈接。 http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

您可以使用Media API並使用所需的功能構建您自己的一組控件。我已經寫了這個：Working with HTML5 multimedia components – Part 3: Custom controls - 它顯示了一個視頻的例子，但你可以輕鬆地建立一個音頻。

來源

2012-12-11 09:19:32

鏈接消失了，但可以在回機器的路上https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

使用此代碼它將爲您的目的。

<!DOCTYPE html> 
<html> 
<body> 
<audio id="player" src="horse.ogg"></audio> 
<div> 
    <button onclick="document.getElementById('player').play()">Play</button> 
    <button onclick="document.getElementById('player').pause()">Pause</button> 
    <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button> 
</div> 
</body> 
</html>

來源

2013-06-29 15:06:02

非常感謝你....它對我有效，我可以用替代

謝謝，它爲我工作:) – Mahamadali

HTML5音頻顯示僅播放暫停和靜音按鈕

回答

相關問題