2012-12-10 17 views
7

HTML5オーディオエレメントを素早く簡単にスタイル化して、自分が望むものを表示できるかどうかは疑問です。あなたが特定のコントロールをオン/オフすることができるかどうか疑問に思っていましたが、そうではないようです。HTML5オーディオ表示のみポーズとミュートボタンを再生する

進捗状況/トラックバーを残したり、残り時間を表示したくありません。私はちょうど簡単な再生/一時停止トグルボタン、ミュート/ミュート解除トグルボタンが必要です。

すべてです。何か案は?

+0

私はすでに回答しました。ここにリンクがあります。 http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

答えて

3

Media APIを使用して、必要な機能を備えた独自のコントロールセットを構築できます。私はこれについて書いた:Working with HTML5 multimedia components – Part 3: Custom controls - これはビデオの例を示していますが、オーディオのように簡単に作成できます。

+0

リンクは帰りのマシン上で行ってますが、提供されていますhttps://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

17

このコードを使用して、目的を果たします。

<!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> 
+0

ありがとうございました....それは私のために働いて、私は

+0

ありがとう、それは私のために働いた:) – Mahamadali

関連する問題