JavaScript - Cómo reproducir audio?

Al crear un sitio web basado en el entretenimiento, puede haber un requisito para incluir audio para eliminar la comprensión del usuario. Por ejemplo, agregar audio relevante para el contenido agregado. En tales casos, reproducir audio en JavaScript es de gran ayuda para involucrar a la audiencia, aumentar el tráfico y mejorar la interacción del usuario con el sitio.

Este artículo describirá los enfoques para reproducir audio en JavaScript.

Cómo reproducir audio en JavaScript?

Para reproducir audio en JavaScript, aplique los enfoques declarados a continuación:

• "jugar()" y "pausa()" métodos.
• "auto-reproducción" propiedad.

Método 1: Reproducir audio usando el método "Play ()" en JavaScript.

El "jugar()El método "reproduce el audio actual y el"pausa()"El método detiene el audio que se reproduce. Estos métodos se pueden aplicar para reproducir y detener el audio asociado con la ayuda de una función definida por el usuario.

Ejemplo

Vamos a ver el ejemplo declarado a continuación:

Jugar
Pausa

En las líneas de código anteriores:

• En primer lugar, incluya un ""Elemento junto con el"audio"Atributo que permite incluir la obra y los controles de pausa.
• Después de eso, incluya un "Elemento "para adjuntar el archivo de audio y especifique el tipo de archivo en el"tipo" atributo.
• En el siguiente paso, cree dos botones con adjunto "al hacer clic"Eventos que invocan las funciones establecidas para reproducir y pausar el archivo de audio.
• Ahora, en el código JavaScript, obtenga el archivo de audio por su "identificación" utilizando el "getElementById ()" método.
• Luego, defina una función llamada "playaudio ()".
• En su definición, aplique el "jugar()"Método para reproducir el audio asociado.
• Del mismo modo, declara una función "Pauseaudio ()", y el "pausa()"El método en su definición se detendrá de manera similar el audio correspondiente.

Producción

En la salida, se puede ver que el audio incluido se reproduce y se detiene correctamente.

Método 2: Reproducir audio usando la propiedad de Autoplay en JavaScript

En este método, el "auto-reproducción"La propiedad habilita el audio tan pronto como se carga. Esta propiedad se puede utilizar para reproducir el audio correspondiente al ser cargado.

Ejemplo

El ejemplo declarado a continuación ilustra el concepto declarado:

Jugar
al hacer clic"Evento redirigiendo a las funciones playaudio () y pauseaudio (), respectivamente.

En la parte de JavaScript del código, cree un nuevo objeto de audio con la ayuda del "nuevo"Palabra clave y la"Audio()"Constructor, respectivamente.

Después de eso, defina una función llamada "playaudio ()".

En su definición, genera una alerta para notificar la reproducción del audio.

En el siguiente paso, el "SRC"El atributo especifica la ruta de audio.

El "auto-reproducción"La propiedad indica que el audio se reproducirá cuando se invoque la función.

"bucle"La propiedad define que el archivo de audio se reproducirá hasta la próxima acción.

Por último, de manera similar, declare una función llamada "Pauseaudio ()".

En su definición, muestre un cuadro de diálogo de alerta que se refiere a una notificación antes de que el audio se detenga.

Producción

La salida anterior indica que al hacer clic en los botones, el audio se ha reproducido y se ha detenido adecuadamente.

Conclusión

Para reproducir audio en JavaScript, aplique el "jugar()" y "pausa()"Métodos en combinación o el"auto-reproducción" propiedad. Los métodos anteriores se pueden implementar para reproducir y pausar el archivo de audio asociado con la ayuda de los controles, respectivamente. El último enfoque se puede aplicar para reproducir y detener el archivo de audio tan pronto como se invocen las funciones correspondientes. Este artículo discutió los enfoques para reproducir audio en JavaScript.