Hola a todos, hoy os voy a explicar como usar la etiqueta audio de HTML 5.
Esta etiqueta permite reproducir un audio en HTML 5.
Veamos como funciona de forma sencilla. Se suele poner un texto dentro de la misma para que se muestre si tu navegador no lo puede usar.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
lang="en"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1.0"> Tu navegador no soporta la etiqueta audio |
El atributo src indica la ruta del fichero a reproducir, en mi caso lo tendría junto a mi index.html.
Para que se muestre, es necesario que tenga el atributo controls. Se puede mostrar sin controls y que se reproduzca automáticamente.
Podemos hacer que se reproduzca automáticamente con el atributo autoplay.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
lang="en"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1.0"> Tu navegador no soporta la etiqueta audio |
Si queremos que se reproduzca en bucle, lo podemos hacer con el atributo loop.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
lang="en"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1.0"> Tu navegador no soporta la etiqueta audio |
Para mutearlo, lo podemos hacer con el atributo muted.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
lang="en"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge"> name="viewport" content="width=device-width, initial-scale=1.0"> Tu navegador no soporta la etiqueta audio |
Os dejo todos los ejemplos en nuestro github aquí.
Espero que os sea de ayuda. Si tenéis dudas, preguntad. estamos para ayudarte.
Deja una respuesta