Este artículo le mostrará cómo se puede reproducir repetidamente un archivo de audio en una página web. Esto se hace usando el atributo de bucle de la etiqueta <audio> . Se utiliza para reiniciar el audio una y otra vez después de cargar la página web. Esto se puede usar en situaciones en las que el audio debe reproducirse en bucle hasta que se detenga específicamente, como en el caso de la música de fondo en una página web.
Sintaxis:
<audio loop>
Ejemplo:
html
<!DOCTYPE html> <html> <head> <title> How to play an audio repeatedly using HTML5? </title> </head> <body> <h1 style="color: green;"> GeeksForGeeks </h1> <b> How to play an audio repeatedly using HTML5? </b> <p><b>Non Looping Audio</b></p> <audio controls> <source src= "https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3" type="audio/mp3"> </audio> <p><b>Looping Audio</b></p> <!-- Using the loop attribute --> <audio controls loop> <source src= "https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3" type="audio/mp3"> </audio> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome 4.0
- Internet Explorer 9.0
- Firefox 3.5
- Ópera 10.5
- Safari 4.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA