JavaScript - Come riprodurre l'audio?

Durante la creazione di un sito Web basato su intrattenimento, può esserci un requisito per includere l'audio per eliminare la comprensione dell'utente. Ad esempio, aggiungendo audio pertinente al contenuto aggiunto. In tali casi, la riproduzione dell'audio in JavaScript è di grande aiuto per coinvolgere il pubblico, aumentando così il traffico e migliorando l'interazione dell'utente con il sito.

Questo articolo descriverà gli approcci per riprodurre l'audio in JavaScript.

Come riprodurre audio in javascript?

Per riprodurre l'audio in JavaScript, applicare gli approcci di seguito:

• "giocare()" E "pausa()"Metodi.
• "riproduzione automatica" proprietà.

Metodo 1: riproduci Audio usando il metodo "Play ()" in JavaScript.

IL "giocare()"Il metodo riproduce l'audio attuale e il"pausa()"Il metodo interrompe l'audio. Questi metodi possono essere applicati per riprodurre e mettere in pausa l'audio associato con l'aiuto di una funzione definita dall'utente.

Esempio

Panoramiamo l'esempio di seguito:

Giocare
Pausa

Nelle righe del codice sopra:

• In primo luogo, includi un ""Elemento insieme al"Audio"Attributo che consente di includere il gioco e i controlli di pausa.
• Dopodiché, includi un ""Elemento per allegare il file audio e specificare il tipo di file in"tipo"Attributo.
• Nel passaggio successivo, crea due pulsanti con allegato "al clic"Eventi che invocano le funzioni dichiarate per riprodurre e mettere in pausa il file audio.
• Ora, nel codice JavaScript, prendi il file audio con il suo "id" usando il "getElementById ()" metodo.
• Quindi, definisci una funzione chiamata "PlayAudio ()".
• Nella sua definizione, applica il "giocare()"Metodo per riprodurre l'audio associato.
• Allo stesso modo, dichiarare una funzione "pauseaudio ()", e il "pausa()"Il metodo nella sua definizione metterà in pausa allo stesso modo l'audio corrispondente.

Produzione

Nell'output, si può vedere che l'audio incluso viene riprodotto e messo in pausa correttamente.

Metodo 2: riproduci audio utilizzando la proprietà AutoPlay in JavaScript

In questo metodo, il "riproduzione automatica"Proprietà abilita l'audio non appena viene caricato. Questa proprietà può essere utilizzata per riprodurre l'audio corrispondente al momento della carica.

Esempio

L'esempio seguente illustra il concetto dichiarato:

Giocare
MyAudio.pausa();

Nel blocco del codice sopra:

• Allo stesso modo, crea due pulsanti con un "al clic"Reindirizzamento dell'evento alle funzioni PlayAudio () e PauseAudio (), rispettivamente.
• Nella parte JavaScript del codice, crea un nuovo oggetto audio con l'aiuto di "nuovo"Parola chiave e"Audio()"Costruttore, rispettivamente.
• Successivamente, definisci una funzione chiamata "PlayAudio ()".
• Nella sua definizione, genera un avviso per avvisare la riproduzione dell'audio.
• Nel passaggio successivo, il "src"L'attributo specifica il percorso audio.
• IL "riproduzione automatica"La proprietà indica che l'audio si svolgerà quando la funzione viene invocata.
• "ciclo continuo"La proprietà definisce che il file audio verrà riprodotto fino alla prossima azione.
• Infine, allo stesso modo, dichiara una funzione chiamata "pauseaudio ()".
• Nella sua definizione, visualizzare una finestra di dialogo di avviso che si riferisce a una notifica prima che l'audio venga messo in pausa.

Produzione

L'output sopra indica che facendo clic sui pulsanti, l'audio è stato riprodotto e fatto una pausa in modo appropriato.

Conclusione

Per riprodurre l'audio in JavaScript, applica il "giocare()" E "pausa()"Metodi in combinazione o"riproduzione automatica" proprietà. I primi metodi possono essere implementati per riprodurre e mettere in pausa il file audio associato con l'aiuto dei controlli, rispettivamente. Quest'ultimo approccio può essere applicato per riprodurre e mettere in pausa il file audio non appena vengono invocate le funzioni corrispondenti. Questo articolo ha discusso degli approcci per riprodurre l'audio in JavaScript.