2012-12-10 14 views
7

Zastanawiam się, czy istnieje szybki i prosty sposób na ukształtowanie elementu audio HTML5 tak, aby wyświetlał to, co chcę. Zastanawiałem się, czy można włączać i wyłączać niektóre elementy sterujące, ale wydaje się, że tak nie jest.HTML5 Wyświetlanie dźwięku tylko odtwarzanie przycisków pauzy i wyciszenia

Nie chcę paska postępu/utworu ani wyświetlać pozostałego czasu. Chcę tylko prosty przycisk przełączania odtwarzania/pauzy i przycisk przełączania wyciszania/wyłączania dźwięku.

To wszystko! Jakieś pomysły?

+0

Odpowiedziałem już. Oto link. http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

Odpowiedz

3

Można użyć Media API i zbudować własny zestaw elementów sterujących o pożądanej funkcjonalności. Napisałem o tym: Working with HTML5 multimedia components – Part 3: Custom controls - który pokazuje przykład wideo, ale równie łatwo można zbudować audio.

+0

link zniknął, ale dostępne w drodze powrotnej maszynowego https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

17

Użyj tego kodu, który będzie służyć Twojemu celowi.

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

Dziękuję bardzo .... To zadziałało dla mnie i mogłem zastąpić

+0

Dzięki, zadziałało to dla mnie :) – Mahamadali

Powiązane problemy