HTML5 Audio-Display nur Play Pause und Mute-Tasten

Ich frage mich, ob es eine schnelle und einfache Möglichkeit gibt, das HTML5-Audio-Element zu stylen, um anzuzeigen, was ich will. Ich habe mich gefragt, ob Sie bestimmte Steuerelemente ein- und ausschalten können, aber das scheint nicht der Fall zu sein.HTML5 Audio-Display nur Play Pause und Mute-Tasten

Ich möchte keinen Fortschritt/Track-Leiste, oder um die verbleibende Zeit anzuzeigen. Ich möchte nur eine einfache Umschalttaste für Wiedergabe/Pause und eine Umschalttaste für Stummschalten/Stummschalten.

Das ist alles! Irgendwelche Ideen?

Quelle

2012-12-10 user1380540

Ich antwortete schon. Hier ist der Link. http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

Sie könnten die Media API verwenden und Ihre eigenen Steuerelemente mit der gewünschten Funktionalität erstellen. Ich habe darüber geschrieben: Working with HTML5 multimedia components – Part 3: Custom controls - das zeigt ein Video Beispiel, aber Sie können genauso einfach ein Audio erstellen.

Quelle

2012-12-11 09:19:32

Verbindung ist weg, aber auf dem Weg zurück Maschine https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

Verwenden Sie diesen Code, der Ihrem Zweck dient.

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

Quelle

2013-06-29 15:06:02

Vielen Dank .... Es funktionierte für mich und ich könnte ersetzen

Danke, es hat für mich funktioniert :) – Mahamadali

HTML5 Audio-Display nur Play Pause und Mute-Tasten

Antwort

Verwandte Themen