Música del sitio web: etiquetas de anclaje, Bgsound e incrustación
En la primera parte de este tutorial, discutimos los diferentes tipos de archivos de audio utilizados con mayor frecuencia en las páginas web. En esta parte del tutorial, analizaremos los métodos para agregar música a sus páginas web HTML. Así que echemos un vistazo a cómo codificar el HTML. Puede usar el método de etiqueta de anclaje HTML o el método de etiquetas bgsound e incrustar.

El primer método es usar la etiqueta de anclaje HTML (enlace). Este es un método fácil de usar porque ofrece al visitante web la opción de ver su página web con o sin música. El visitante puede ver su página web más rápido porque no necesita esperar a que el archivo de audio se descargue con la página web misma. El archivo de audio solo se descarga si elige escuchar la canción y hace clic en el enlace que abrirá el reproductor de audio del navegador web como una ventana emergente. Supongamos que desea poner un archivo midi en su página web y el nombre del archivo de audio midi es "song.mid". También desea utilizar el método de etiqueta de anclaje. El código para el enlace se vería como el código a continuación. El atributo href le dice al navegador dónde buscar el archivo de audio. El valor del atributo href será la dirección URL del archivo de audio. Puede usar la URL completa como en el ejemplo a continuación o puede eliminar el "www.yourwebsite.com/" si el archivo de audio está en el mismo lugar que la página web. (Haga clic aquí para ver una revisión de la etiqueta de anclaje HTML).


Jugar
Nota--La flecha indica que el código está envuelto en una segunda línea y realmente debería estar todo en una línea.

El segundo método hará que el archivo de audio se reproduzca automáticamente cuando aparezca la página web. Utilizará la etiqueta bgsound y / o la etiqueta de inserción para este método. Aquí está el código.



loop = "infinito">



autostart = "true" hidden = "false" width = "300"
height = "45" loop = "infinite">
Nota--La flecha indica que el código está envuelto en una segunda línea y realmente debería estar todo en una línea.

srcatributo de origen: el valor es la dirección URL del archivo de audio
autoencendidoverdadero o falso (etiqueta de inserción)
lazoverdadero, falso o el número de veces que se reproducirá la canción (incrustar etiqueta)
infinito o número de veces que se reproducirá la canción (etiqueta bgsound)
anchura y altura mediciones del panel de control de audio en la página web (etiqueta de inserción)
ocultoverdadero o falso: controla la visibilidad del panel de control (etiqueta de inserción)


Los elementos de incrustación y bgsound tienen varios atributos que controlan la forma en que se reproduce la canción y cómo se muestra el panel de control de audio en la página web.

  1. El atributo src funciona de la misma manera que en la mayoría de las otras etiquetas HTML. Le dice al navegador dónde encontrar el archivo de audio.
  2. El inicio automático se puede activar o desactivar estableciendo el valor de este atributo en verdadero o falso. Cuando está activado, el inicio automático hará que la música se reproduzca tan pronto como se haya descargado el archivo. (etiqueta de inserción)
  3. El atributo loop le dice al navegador cuántas veces reproducir el archivo.


Si desea utilizar la etiqueta de inserción, es un buen efecto ocultar el panel de control del reproductor de audio. Puede hacerlo estableciendo el valor del atributo oculto en verdadero. Por otro lado, puede controlar la apariencia del panel de control en la página web con los atributos de alto y ancho. Si no se especifican los atributos alto, ancho y oculto, el panel de control aparecerá en la página web de forma predeterminada. Aunque la función oculta es agradable, es posible que desee dejar el panel de control visible para que el oyente pueda tener control sobre la reproducción de audio (como el volumen).

La mayoría de los navegadores pueden "leer" la etiqueta de inserción. Sin embargo, algunos navegadores, especialmente los más antiguos, no pueden. Es por eso que usa la etiqueta noembed. Esta etiqueta le dice al navegador que siga las instrucciones entre la etiqueta de apertura y las etiquetas de cierre solo si el navegador no puede leer la etiqueta de inserción. La etiqueta bgsound funciona de la misma manera que la etiqueta incrustada. Sin embargo, la etiqueta bgsound no tiene la altura, el ancho o los atributos ocultos.





Instrucciones De Vídeo: Insertar audio en HTML5. La etiqueta ˂audio˃ | | UPV (Abril 2024).