Desidero sapere come verificare se è caricato un elemento audio HTML5.Come si controlla se è caricato un elemento audio HTML5?
27
A
risposta
41
Per scoprire quando l'audio è pronto per iniziare la riproduzione, aggiungere ascoltatori per lo oncanplay
or oncanplaythrough
events. Per sapere quando l'audio è stato caricato a tutti, ascoltare la onloadeddata
event:
<audio oncanplay="myOnCanPlayFunction()"
oncanplaythrough="myOnCanPlayThroughFunction()"
onloadeddata="myOnLoadedData()"
src="myaudio.ogg"
controls>
<a href="myaudio.ogg">Download</a>
</audio>
<script>
function myOnCanPlayFunction() { console.log('Can play'); }
function myOnCanPlayThroughFunction() { console.log('Can play through'); }
function myOnLoadedData() { console.log('Loaded data'); }
</script>
17
Partenza risposta di robertc per come utilizzare listener di eventi. È inoltre possibile controllare direttamente di un elemento audio stato pronto:
var myAudio = $('audio')[0];
var readyState = myAudio.readyState;
readyState
sarà un numero. Da Mozilla's docs:
- 0 - Non sono disponibili informazioni sulla risorsa multimediale.
- 1 - È stato recuperato un numero sufficiente di risorse multimediali per l'inizializzazione degli attributi dei metadati. La ricerca non solleverà più un'eccezione.
- 2 - I dati sono disponibili per la posizione di riproduzione corrente, ma non abbastanza per riprodurre effettivamente più di un fotogramma.
- 3 - Sono disponibili i dati per la posizione di riproduzione corrente e per almeno un po 'di tempo nel futuro (in altre parole, almeno due fotogrammi di video, ad esempio).
- 4 - Sono disponibili dati sufficienti - e la velocità di download è sufficientemente alta - che il file multimediale può essere riprodotto fino alla fine senza interruzioni.
Problemi correlati
- 1. HTML5 controlla se l'audio è in riproduzione?
- 2. Controlla se il file javascript è stato caricato
- 3. Come si controlla se un file è aperto usando Perl?
- 4. Verifica se un elemento video HTML5 è in riproduzione
- 5. Errore di ritorno audio HTML5 MEDIA_ERR_SRC_NOT_SUPPORTED dopo 6 audio caricato in IE
- 6. Come si crea una barra di caricamento per un elemento audio HTML5?
- 7. Elemento audio HTML come riprodurre?
- 8. HTML5 Web Audio - La riproduzione audio rallentata si interrompe presto
- 9. Controlla se Elemento DOM è una casella di controllo
- 10. Come si controlla se esiste Record
- 11. Come si controlla se una riga è bloccata per l'aggiornamento?
- 12. controlla se una stringa è un URL
- 13. Registrazione audio HTML5
- 14. Come si controlla se la lista è vuota?
- 15. Controlla se PyObject è None
- 16. HTML5 Audio iPAD, non è possibile riprodurre file audio?
- 17. Controlla se un foglio è aperto
- 18. Come è possibile accodare una sequenza di clip audio HTML5 <audio> audio in sequenza?
- 19. HTML5 Audio - Barra di avanzamento
- 20. HTML5 Audio. Sostituzione elemento ancora lo stesso file audio (memorizzato nella cache) come risolvere?
- 21. Controlla se la finestra è un MessageBox
- 22. È possibile registrare audio con HTML5?
- 23. php: controlla se un determinato elemento in un array è vuoto
- 24. API audio html5 completa
- 25. Controlla se un pacchetto è installato
- 26. Controlla variabile se è in un elenco
- 27. Controlla se qualcosa è un elenco
- 28. controlla se div contiene un elemento in jQuery
- 29. Librerie audio HTML5
- 30. Ingresso audio tramite HTML5?
Grazie, signore. – auragar
Se potessi, potresti fornire un esempio o spiegare gli ascoltatori e come implementarli. – auragar
@auragar Gli ascoltatori sono una cosa DOM/JavaScript standard, ma solo google per "ascoltatori di eventi DOM". Il modo in cui li implementate dipende da ciò che vuoi che facciano. – robertc