Utilice una función de JavaScript para permitir que los visitantes del sitio web reproduzcan un MP3.
Es posible incrustar y reproducir archivos de audio MP3 en sus páginas web de varias formas. La etiqueta "embed" obsoleta en HTML, varios reproductores Flash y reproductores basados en Java son todos ejemplos. El estándar HTML5, con su énfasis en las secuencias de comandos y su falta de dependencia del software de terceros, ofrece la forma más compatible de incrustar y reproducir MP3 en páginas web en el futuro. Incruste el archivo MP3 con el objeto "audio" HTML5 y luego use una función de JavaScript para iniciar la reproducción.
Paso 1
Agregue el siguiente código al cuerpo de su documento HTML:
Video del día
Este código incrusta y carga el archivo MP3, pero no lo reproduce. El valor de la etiqueta "src" contiene la ruta y el nombre del archivo MP3.
Paso 2
Agregue el siguiente código JavaScript entre las etiquetas "head" de su documento HTML:
Esta función, cuando se llama, accede al elemento "audio" por su id ("mp3"), y usa el método play () para reproducirlo.
Paso 3
Agregue un botón a la página web para llamar a la función "playMP3" cuando el usuario haga clic en él. Agregue el siguiente código al cuerpo del documento HTML:
Cambie el atributo "valor" para darle al botón un título diferente.
Etapa 4
Utilice la siguiente función en lugar de "playMP3" para permitir que el usuario pause el archivo después de iniciarlo:
function playpauseMP3 () {if (document.getElementById ("mp3"). paused) {document.getElementById ("mp3"). play (); } else {document.getElementById ("mp3"). pause (); } }
Cambie el atributo "onClick" de la etiqueta "input" en el Paso 3 para que coincida con el nombre de esta función.
