2012-12-10 25 views
7

Mi chiedo se c'è un modo semplice e veloce per modellare l'elemento audio HTML5 per visualizzare ciò che voglio. Mi stavo chiedendo se fosse possibile attivare e disattivare determinati controlli, ma non sembra essere il caso.Visualizzazione audio HTML5 solo per riprodurre i pulsanti di pausa e disattivazione audio

Non voglio una barra di avanzamento/traccia, o per visualizzare il tempo rimasto. Voglio solo un semplice pulsante di attivazione/pausa e un pulsante di attivazione/disattivazione dell'audio.

Questo è tutto! Qualche idea?

+0

Ho già risposto. Ecco il link. http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

risposta

3

È possibile utilizzare lo Media API e creare il proprio set di controlli con la funzionalità desiderata. Ho scritto su questo: Working with HTML5 multimedia components – Part 3: Custom controls - che mostra un esempio di video, ma puoi anche semplicemente costruirne uno audio.

+0

Link è andato, ma disponibile al ritorno della macchina https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

17

Utilizzare questo codice che servirà al vostro scopo.

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

Grazie mille ... Ha funzionato per me e ho potuto sostituire

+0

Grazie, ha funzionato per me :) – Mahamadali

Problemi correlati