Cómo crear una página web con música integrado que reproduce Mientras que una persona navega por el Sitio Web

Cómo crear una página web con música integrado que reproduce Mientras que una persona navega por el Sitio Web


Si usted tiene la reproducción de música en una página de su sitio web, se detendrá cuando un usuario se mueve a una nueva página. Esto sucede porque la música es local a la página en la que está integrado. Esto hace que sea difícil mantener un flujo ininterrumpido de música de juego mientras que los usuarios exploran diferentes páginas de su sitio web. Un marco es un archivo HTML que se encuentra dentro de otro archivo HTML. Mediante el uso de marcos, puede crear un flujo ininterrumpido de la música que sigue a una persona a través de su sitio web.

Instrucciones

1

Crear un documento HTML con este código:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Music.htm&lt;/title>

</ Head>

<Body>

<Embed />

</ Body>

</ Html>

Este incorpora audio en la página web. Reemplazar "xyz.mp3" con el nombre de una canción que desea reproducir en su sitio web. Guarde el archivo como "Music.htm."

2

Cree otro documento HTML con este código:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Page1.htm&lt;/title>

</ Head>

<Body>

<a href="page2.htm"> Esta es Página1.htm. Haga clic para ver Page2.htm </a>

</ Body>

</ Html>

Esto crea un enlace. Al hacer clic en el enlace, el navegador se abrirá "Page2.htm." Guarde este archivo como "Página1.htm."

3

Cree otro documento HTML con este código:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>Page2.htm&lt;/title>

</ Head>

<Body>

<a href="page2.htm"> Esta es Page2.htm. Haga clic para ver Página1.htm </a>

</ Body>

</ Html>

Esto también crea un enlace. Al hacer clic en el enlace, el navegador se abrirá "Página1.htm." Guarde este archivo como "Page2.htm."

4

Cree un archivo de texto vacío y añadir lo siguiente:

<Html>

<Filas de marcos = "99%, 1%">

<Frame />

<Frame />

</ Frameset>

</ Html>

Esto crea un conjunto de marcos. Este conjunto de marcos contiene un marco que sostiene "Music.htm" y otro marco que sostiene "Página1.htm." Las filas de parámetros 'define la altura de cada trama. En este ejemplo, la segunda trama que contiene "Music.htm" toma hasta 1 por ciento de la pantalla. El usuario no verá esta página, pero la música sigue jugará. Guarde este archivo como "MasterFrame.htm."

5

Abrir "MasterFrame.htm" en su navegador. Debería escuchar música. Haga clic en el enlace para ir a "Page2.htm." Usted todavía debe escuchar la música, ya que juega en el marco que contiene "Music.htm."

Consejos y advertencias

  • Cambiar el nombre de "MasterFrame.htm" a un nombre más significativo. Si desea que los usuarios vean una parte del reproductor de música integrado, modificar los valores del parámetro filas. Por ejemplo, cuando el reproductor de música ocupa el 20 por ciento de la pantalla: <filas de marcos = "80%, 20%">