¿Cómo incrustar un elemento de audio en un documento HTML?

Desde el lanzamiento de HTML5, se puede agregar audio a las páginas web usando la etiqueta <audio>. Anteriormente, el audio solo se podía reproducir en páginas web mediante complementos web como Flash. La etiqueta <audio> es un elemento en línea que se utiliza para incrustar archivos de sonido en una página web. Es una etiqueta muy útil si desea agregar audio como canciones, entrevistas, etc. en su página web.

Sintaxis:

<audio>
    <source src="sample.mp3" type="audio/mpeg">
</audio>

Ejemplo 1:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to embed audio in a HTML document?
    </h3>
  
    <audio controls>
        <source src="test.mp3" type="audio/mp3">
        <source src="test.ogg" type="audio/ogg">
    </audio>
  
</body>
  
</html>

Producción:

Ejemplo 2: En este ejemplo, el audio se reproducirá automáticamente después de cargar la página web.

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to embed audio in a HTML document?
    </h3>
  
    <audio controls autoplay>
        <source src="test.mp3" type="audio/mp3">
        <source src="test.ogg" type="audio/ogg">
    </audio>
  
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

HTML

HTML

Deja una respuesta Cancelar la respuesta