Entrar

Musica en la web

Racing Club · · Solicitar retirada
Hola

Como no he visto este tema en preguntas frecuentes y por ningun otro lado, abro este tema para ver si me pueden ayudar.

Quisiera saber como se pone musica de fondo en una pagina web.

Estoy trabajando con el html-kit y no se como hacerlo asi que si me pueden explicar les estaria muy agradecido.

Gracias
ceo · · Solicitar retirada
Aquí tienes una de las formas, pero se que hay varias:
<head>
<embed src="sonido/musica.mp3" align="top" width="68" height="16" autostart="true" loop="true">
</head>

esto lo tienes que poner entre el head.

El ejemplo se refiere a una canción que se llama musica.mp3 (hay que ponerlo con la extensión y todo), y esté en una carpeta de la raíz (por ejemplo junto a la de objetos, pero no dentro).

La música se repetirá sin cesar cuando acabe. También hay que tener en cuenta que esto te añadirá unos controles en el lado de la página que le indiquemos, en este caso arriba (align="top"). En el caso que le queramos meter varias canciones, pues ya no se como se hace, lo siento, esto es cuanto se del tema.
Racing Club · · Solicitar retirada
ceo escribió:Aquí tienes una de las formas, pero se que hay varias:
<head>
<embed src="sonido/musica.mp3" align="top" width="68" height="16" autostart="true" loop="true">
</head>

esto lo tienes que poner entre el head.

El ejemplo se refiere a una canción que se llama musica.mp3 (hay que ponerlo con la extensión y todo), y esté en una carpeta de la raíz (por ejemplo junto a la de objetos, pero no dentro).

La música se repetirá sin cesar cuando acabe. También hay que tener en cuenta que esto te añadirá unos controles en el lado de la página que le indiquemos, en este caso arriba (align="top"). En el caso que le queramos meter varias canciones, pues ya no se como se hace, lo siento, esto es cuanto se del tema.
Gracias a los 2 por contestar, probe con este codigo, me parecio q le faltaba el </embed> al final y si me funciono.
O sea que siempre tengo que poner ese codigo dentro del head no?

Aca les dejo los codigos de como lo puse y me funciono:
(esta en la carpeta sonido el tema: 067rayando_sol_mana formato midi.

<html>
<head>

<title>Ejemplo m-p-p-w</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

<embed src="sonido/067rayando_sol_mana.mid" align="top" width="68" height="16" autostart="true" loop="true"></embed>
</head>

----------------------------------------------------------------------------

El html-kit no me deja insertar musica con formato wav ni mp3. Lo que mas me interesa es el formato mp3.

Les dejo las capturas de pantalla, para ver si me pueden ayudar

-----------------------------------------------------------------------------

http://i41.tinypic.com/2ngrgg0.jpg

http://i40.tinypic.com/hs994w.jpg

http://i42.tinypic.com/x0o8lx.jpg

http://i42.tinypic.com/5mlqti.jpg

http://i43.tinypic.com/2e1x5kg.jpg




Mensaje que sale abajo del html-kit:

http://i39.tinypic.com/mcszdf.jpg


Mucha Gracias!
pedrocuenca · · Solicitar retirada
Racing club, pienso por la captura que el problema es el servidor.
Hy servidores gratuitos que no dejan subir de una vez tanto como una canción hay otros que si. Por ejemplo razyhosting no deja y free ueuo si
si pides un hosting gratuito a este veras que no tienes problemas, bueno hay otros no es que tenga nada con los demas, este es el que conozco yo, otros compañeros seguro que te orientaran mejor que yo en diferentes hosting. Pero lo que dices que es el programa html kit que no te deja no lo creo asi

Saludos
Racing Club · · Solicitar retirada
si, me parece que tenias razon en eueu me dejo.
tambien lo hostie en otro, en http://awardspace.com/ y ahi tampoco me dejo xD
Pero me imagino que cuando uno paga un hosting que te viene con un dominio .com gratis no tendre estos problemas no?

muchas gracias pedrocuenca
ceo · · Solicitar retirada
Racing Club escribió:Gracias a los 2 por contestar, probe con este codigo, me parecio q le faltaba el </embed> al final y si me funciono.
O sea que siempre tengo que poner ese codigo dentro del head no?

Sí, tienes razón, le faltaba la etiqueta de cierre, se me pasó.
Efectivamente lo tienes que meter en el head.

quedaría así:
<embed src="sonido/musica.mp3" align="top" width="68" height="16" autostart="true" loop="true"> </embed>
Cesar Taculi · · Solicitar retirada
pues a mi no me funciona el sonido, puse esto <embed src="sonido/musica1.mid" align="top" width="68" height="16" autostart="true" loop="true"></embed>
musica1.mid ,esta en la carpeta de sonidos
GRACIAS POR SUS APOYOS
ceo · · Solicitar retirada
Cesar Taculi escribió:pues a mi no me funciona el sonido, puse esto <embed src="sonido/musica1.mid" align="top" width="68" height="16" autostart="true" loop="true"></embed>
musica1.mid ,esta en la carpeta de sonidos

Hola Cesar, no se me ocurre qué puede fallar, según parece el código es correcto. A no ser que tenga algún problema al ser archivo .midi......?, mmmm no se.
Prueba con un archivo .mp3 para descartar.

Saludos
ceo · · Solicitar retirada
ceo escribió:
Cesar Taculi escribió:pues a mi no me funciona el sonido, puse esto <embed src="sonido/musica1.mid" align="top" width="68" height="16" autostart="true" loop="true"></embed>
musica1.mid ,esta en la carpeta de sonidos

Hola Cesar, no se me ocurre qué puede fallar, según parece el código es correcto. A no ser que tenga algún problema al ser archivo .mid......?, mmmm no se.
Prueba con un archivo .mp3 para descartar.

Saludos
Cesar Taculi · · Solicitar retirada
Ahora me sale los dos iconos de reproducir y detener ,pero no suens nada, los archivos que tengo en mi pc con que programa se tienen que reprodcudir con winamp o reproductor de windons media,podria influir esto mmmm.
GRACIAS POR SUS APOYOS
Cesar Taculi · · Solicitar retirada
alguien que me pueda ayudar ha incorporar la musica en la web ya cambie los MID por los MP3 y ahora me sale los iconos de Reproducir y Detener nada mas
GRACIAS POR SUS APOYOS
Cesar Taculi · · Solicitar retirada
Cesar Taculi escribió:Ahora me sale los dos iconos de reproducir y detener ,pero no suens nada, los archivos que tengo en mi pc con que programa se tienen que reprodcudir con winamp o reproductor de windons media,podria influir esto mmmm.
GRACIAS POR SUS APOYOS
Cesar Taculi · · Solicitar retirada
Cesar Taculi escribió:
Cesar Taculi escribió:Ahora me sale los dos iconos de reproducir y detener ,pero no suens nada, los archivos que tengo en mi pc con que programa se tienen que reprodcudir con winamp o reproductor de windons media,podria influir esto mmmm.
GRACIAS POR SUS APOYOS
Racing Club · · Solicitar retirada
Hace una captura de pantalla del html-kit para mostrarnos lo que pones y a donde lo pones, asi como hice yo al principio de este hilo para ayudar un poco mas a que te ayuden.
Saludos, colgala a ver si te puedo dar una mano, no soy experto pero algo lei
Cesar Taculi · · Solicitar retirada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Página Oficial de la banda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<embed src="sonido/GUAYABINA 1.MP3" align="top" width="68" height="16" autostart="true" loop="true"></embed>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>

<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web CESAR TACULI</div>
</div>
<div id="navegacion">
<ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">


    <h1>Bienvenidos a la página oficial de la banda</h1>


    Bienvenido a la pagina oficial de la banda. En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus pr&oacute;ximos conciertos, pas&aacute;ndo por su completa discograf&iacute;a, descarga de cosas interesantes e incluso por nuestra tienda online, en la que puedes encargar tu camiseta del grupo.</p>


    No olvides visitarnos en el foro y dejar tus comentarios.</p>


    Gracias por la visita, esperamos verte pronto!
    </p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    Ahi te mando, aver si te fijas cual es el rror.
    • GRACIAS POR SUS APOYOS
    Cesar Taculi · · Solicitar retirada
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title>Página Oficial de la banda</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    <embed src="sonido/GUAYABINA 1.MP3" align="top" width="68" height="16" autostart="true" loop="true"></embed>
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>

    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad">Bienvenidos a mi Web CESAR TACULI</div>
    </div>
    <div id="navegacion">
    <ul>
  • Portada
  • Historia
  • Discografía
  • Conciertos
  • Descargas
  • Foro
  • Souvenirs

    </div>

    <div id="contenido">


    <h1>Bienvenidos a la página oficial de la banda</h1>


    Bienvenido a la pagina oficial de la banda. En este portal puedes estar informado de todo lo referente al grupo, desde su historia hasta sus pr&oacute;ximos conciertos, pas&aacute;ndo por su completa discograf&iacute;a, descarga de cosas interesantes e incluso por nuestra tienda online, en la que puedes encargar tu camiseta del grupo.</p>


    No olvides visitarnos en el foro y dejar tus comentarios.</p>


    Gracias por la visita, esperamos verte pronto!
    </p>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web

    </div>
    </div>

    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Ahi te lo mando , revisalo donde me equivoque , de antemano muchas gracias