Para insertar audio usamos la etiqueta <audio></audio>
con los siguientes atributos:
- src=" "apunta al archivo de audio (preferentemente .mp3). OBLIGATORIO
- controls coloca los controles básicos incorporados.
- autoplay arranca solo DESACONSEJADO, los browsers
suelen pedir permiso al usuari antes del autoplay (mucho abuso).
- loop continúa sonando en loop.
- preload="auto" lo carga en caché CONVENIENTE.
La div interior solo se activa si el navegador no soporta la etiqueta <audio>
En el caso de usar los controles por javascript estos actuarán sobre el audio que tenga la id
del "getElementById()"
AUDIO CON CONTROLES INCORPORADOS
<audio src="tec-html-audio01.mp3" preload="auto" controls>
<div>Su navegador no soporta el audio HTML5</div>
</audio>
AUDIO CON CONTROLES JAVASCRIPT EXTERNOS
<audio src="tec-html-audio02.mp3" id="hj" preload="auto" >
<div>Su navegador no soporta el audio HTML5</div>
</audio>
<div style="margin-top:20px; ">
<button onclick="document.getElementById('hj').play()">Reproducir el Audio</button>
<button onclick="document.getElementById('hj').pause()">Pausar el Audio</button>
<button onclick="document.getElementById('hj').volume+=0.1">Aumentar el Volumen</button>
<button onclick="document.getElementById('hj').volume-=0.1">Disminuir el Volumen</button>
</div>