web-dev-qa-db-fra.com

L'affichage audio HTML5 ne lit que les boutons de pause et de sourdine

Je me demande s'il existe un moyen rapide et simple de styliser l'élément audio HTML5 pour afficher ce que je veux. Je me demandais si vous pouviez activer et désactiver certaines commandes, mais cela ne semble pas être le cas.

Je ne veux pas de barre de progression/piste, ni d'afficher le temps restant. Je veux juste un simple bouton bascule lecture/pause et un bouton bascule muet/non muet.

C'est tout! Des idées?

htmlhtml5-audio
15
user1380540

Utilisez ce code, il vous servira.

<!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>
24
Mohd. Umar

Vous pouvez utiliser Media API et créer votre propre ensemble de contrôles avec les fonctionnalités que vous souhaitez. J'ai écrit à ce sujet: Travailler avec des composants multimédia HTML5 - Partie 3: Contrôles personnalisés - qui montre un exemple vidéo, mais vous pouvez tout aussi facilement en créer un audio.

5
Ian Devlin