Embed: Música de fondo en tu página web Marzo 24, 2007
Publicado por lineadecodigo en : HTML , trackbackCuanto más amplio es el espectro de navegadores y sistemas operativos sobre el que tenemos que diseñar nuestra página web más se complican las cosas. Y esto puede ser el caso de la etiqueta BGSOUND (recomendable leerse el artículo que explica cómo utilizar esta etiqueta) . Es por ello que si queremos ponerle música de fondo en nuestra web podemos utilizar la etiqueta EMBED.
Si bien, hay que tener en cuenta que esta etiqueta sigue sin ser estándar. Aunque, cierto es, que la interpretan un mayor número de navegadores y plataformas.
EMBED
El atributo más importante a conocer de la etiqueta EMBED es src. Este nos permitirá indicar cual es el fichero que contiene el audio.
<EMBED SRC="starwars.mid">
Si ponemos este código tal cual nos saldrá un control musical con sus botones de play, stop, control de volumen,... y claro, como nosotros queremos poner música de fondo, deberemos de ocultar dicho control. Para ello contamos con el atributo hidden, al cual deberemos de dar un valor de true.
<EMBED SRC="starwars.mid" HIDDEN="true">
Y ahora, hecho esto, tenemos un ligero problema. Y es que cuando teníamos el control musical, disponíamos del botón play para forzar el inicio de la canción y ahora, al haber ocultado el control, no tenemos forma de hacerlo y es por ello que la canción no comenzará. Por lo tanto, deberemos de utilizar el atributo autostart con un valor true para que se inicie la canción.
<EMBED SRC="starwars.mid" AUTOSTART="true">
Y a disfrutar de nuestra música de fondo.
Visualizar el ejemplo | Descargar el código
Articulos Similares:
- BGSound: Música de fondo en tu página web
- Boton con imagen de fondo en CSS
- Fondo estático en una página web
- Subrayar texto en la web
- Poner un color de fondo a nuestra web
Enviar entrada por email
| 
Imprimir
| 52000 visitas
(4 votos, media: 4.00 de 5)
Loading ...
Comentarios»
No funciona correctamente en Firefox, intenta descargarse un plugin que no encuentra.
Gracias y un saludo
Hoa chico!!! Y si quiero colocar dos o mas canciones como hago?
Pues yo estoy probando, y aunque es un archivo mp3, no midi, no hace ni puñetero caso. Pasa de mi.
Ni muestra los controles, ni suena nada, ni nada de nada!
En Internet Explorer funciona perfectamente!
Borja con mp3 no te va a funcionar. O no debería. La idea es utilizarlo para ficheros midi. ¿En el Internet Explorer te está funcionando con mp3?
Tengo pendiente un artículo de como reproducir un mp3 desde una página web.
Con firefox funciona, pero pide instalar el plugin QuickTime, plugin que siempre hay que terminar cargando manualmente porque firefox se niega a hacerlo, loparió. Acepta mp3 (pueden comprobarlo en la página de inicio de mi sitio http://laudanorbital.net ), con wav tuve problemas.
Para IExplore (puaj) también se puede usar la etiqueta del siguiente modo
firefox no reconoce esta etiqueta.
jejej, la etiqueta es y “el siguiente modo” es
carajo,
me gustaria saber como hacer para darle el volumen que yo quiero a ese tema de fondo de la pagina web, alguien me puede ayudar?
pues funciona bien, pero alguien sabe como poner las canciones seguidas???????????……..
Como se pone la musica que quieres? el aparato esta y todo , pero para poner la musica que quiero que se escuche?? que se hace? por favor contestarme,Gracias!
Fijense que el embed (objeto embebido) tiene un src (source) que es la dirección donde se encuentra el recurso, es decir que para poner la música quie queremos que se oiga solo debemos poner en el mismo directorio el archivo correcto. Supongan que tienen:
entonces el recurso será “nada.mid”…creo que eso queda claro, ahora…eso no funcionará en Internet Explorer en muchos casos, para eso usar la etiqueta NOEMBED e insertar BGSOUND dentro de ella, así cuando el navegador no acepte EMBED usará BGSOUND XDXD
no salio la etiqueta (GRRR)….era EMBED src=”nada.mid” AUTOSTART=”true” LOOP=”true” HIDDEN=”true”
quiero colocar un video y no puedo cargar pq me dice que no contiene la tarjeta embed. como hago?
Pienso que no es conveniente colocar efectos que el usuario no esté deseoso de obtener (como en este caso lo es el sonido de fondo). En este caso sería preferible poder elaborar una especie de reproductor o buscar la forma de que el usuario accione la música cuando el decida.
Imagínense que el usuario no quiere instalar el pluggin (en caso de que no lo tenga), ¿va a tener que decir que no cada vez que el sitio intente colocar la música de fondo?.
No intentemos espantar a nuestro público objetivo con pequeñeces.
Hola chicos, no se porque, descargue el MIDI, copie el codigo tal y como me lo dicen pero que va… No funciona !!!!
Ayudenme por fa que tengo que entregar la pagina el lunes….
Laura envíame la página que has hecho a contacto[at]lineadecodigo.com para ver si te puedo ayudar.
hola quiero saber como puedo poner dos midis seguidos en una pagina. plisssssss me urgeeeeeeeeeeeeeee
Hola mi pregunta es si se podra hacer en la pagina web junto con la tarjeta de tv reproducirlo en la pagina.
ami me llega yttttttttto
Y si lo q quiero es q esa misma cancion siga sonando (sin empezar desde el principio y sin cortarse) cuando pinchas en los botones de enlace q yo he creado para ir abriendo mas informacion de la pagina? No se si me he explicado…
hola, yo tengo problemas con mp3 y embed, no respeta el parámetro Loop, lo tengo seteado loop = true (ya probé -1) y solo ejecuta la musica una vez.
Aclaro que la web esta en un servidor (Apache) casero en Windows XP, sin embargo, con la etiqueta bgsound no tenia problemas
¿alguna idea?, saludos
Oye, danielhb, ¿y cómo se “carga manualmente” el plugin? Intenté con el regsvr32 y me mandó al queque.
funciona para el mozilla e int.explorer el archivo deve de estar en la misma carpeta que la pagina.
autoStart :empiesa o para el disco
hiddden :esconde el objecto embed
volume :el volumen q k
height :altura
width :ancho
si es para un video cambias el mp3 por la extencion del archivo (avi , mpg……)
Si sta todo bien poero x fabor deceo que las canciones sena seguidas
como coloco mas de una cancion con la etiqueta EMBED??
mira men gracias me quedo fina !
:.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.):.)
Help!!!!!!! veo que a casi todos pudieron! no entiendo algo el archivo midi, yo baje un par de temas, ahoraque tengo que poner la dire? o sea: asi???
o la url del archivo? no entiendo :S !!!porque poniendo simplemente:
no pasa nada….
Help!!!!!!! veo que a casi todos pudieron! no entiendo algo el archivo midi, yo baje un par de temas, ahoraque tengo que poner la dire? o sea: asi???
…. quien me puede ayudar?????!!!!!!!!!!
o la url del archivo? no entiendo :S !!!porque poniendo simplemente:
no pasa nada
En Mozilla Firefox tengo problemas para hacer que funcione con archivos .mp3, aunque con .mid funciona perfectamente. Alguien sabe como debe funcionar para archivos .mp3?
mira instala quicktime y se acabo el peo ah lo configuras para que los reprodusca
aunque yo uso ivoon
http://www.javierandwilder.es.tl
por cierto me dejan un comentario enmi web si ayude
Hola! miren lo que yo hice fue alojar musica y despues usar la página de reprodcutores de mp3, fileupyours.com (es para alojar) y myflashfetish.com (es para los reproductores) y tengo varios temas, ahora lo que si, no se como hacer para que la hacer clic en unos de los botones de la página, es decir los enlaces, no empiece de nuevo la música, sino que siga andando,no se si me explico! si alguien pudiera decirme como hago????
miren como queda lo que les digo del reproductor: http://www.momigi.es.tl
bueno espero respuestas!!! salu2
aaaaaaahhh!! algo que me olvide! y una duda también:
en firefox no me sale el reproductor ni una animación que tengo en script, ahora en opera y explorer si sale, no se porque?! si alguien me puede ayudar con esto también!
hola rulos soy http://www.javierandwilder.es.tl busca en firefox
herramientas>complementos entonces en la parte inferior del cuadro dice obtener mas extensiones y alli podras conseguir quick time para la musica y otros multimedias
si ayude dejas un comentario en mi web http://www.javierandwilder.es.tl
Nota:todas las animaciones o scripts no son compatibles con firefox
ni los cursores usa para ver eso ie7
javierjose41@hotmail.com
disculpen se puede poner más de una canción en la etiqueta embed y si se pude me explican como,o hay otra forma
disculpen se puede poner más de una canción en la etiqueta embed y si se puede me explican como,o hay otra forma
tengo un problema en mi pagina web de mi empresa, deje unos link que me lleba a la seccion musical donde hay canciones ocupe para subir las canciones la etiqueta
se supone que haci todas las canciones estarian en stop y uno le indica al boton play escuchate cancion…
el problema es que todas las canciones comienzan en play es decir todas se escuchan a la misma vez y el problema es que quiero que todas comienzen en stop y el usurio elija que cancion escuchar..
si comprenden mi problema favor de responder a alexsk877@hotmail.com lo mas antes posible. de ante mano muchas gracias.
ami no me funciona
me aparece el control le coloco play y no pasa nada
ESTO PONE EN FALSO LA REPRODUCCION Y LA REPETICION SI QUIERES QUE SE REPITA UNA VEZ COMENZADO PUES CVOLOCAR TRUE EN LUGARDE FALSE
Y PARA QUE SE VEA EL BOTON PLAY Y DEMAS COLOCAR HIDDEN=FALSE
(SOLO I EXPLORER) EN FIREFOX HAY QUEDESCARGA QUIT TIME DESDE LA WEB Y LUEGO PODRAS ESCUHAR FONDO MISUCAL EN LA WEB CON MABOS NAVEGADORES
SALUDOS A TODOS….PARA AQUELLOS QUE TODAVIA PRESENTEN EL PROBLEMA PARA REPRODUCIR VIDEOS DE SUS PAGINAS CON EL NAVEGADOR FIREFOX, EL PROBLEMA NO SON LOS CODECS SINO A EXTENSION..LO QUE DEBEN HACE ES CONVERTIR SU VIDEO EN LA EXTENSION .WMV y Listo
Me pueden poner mas codigos de musica de fondo necesito mas para mi pagina web
http://www.todo-mas-todo.es.tl
El que necesite una ayuda por favor escribame su problema en mi e-m@il para poder ayudarlo en cualkier cosa de html
mi correo es: yeralblack07@hotmail.com
Trato de lograr que funcione, pero tal vez algo estoy haciendo mal.
Necesito colocar la pagina en mi USB para llevarselas al profesor, pero no suena.
Se supone debo tener el archivo en la USB e indicarle que lo busque en la USB, pero parece que no puedo por alguna razon.
Algun codigo para que toque mp3 ?
hola!!!!! necesitro saber como poner la musica que me gusta en mi pagina y q las canciones q escoja pasen seguidas. porfisss ayudenme!!!!!!!!!!!!!!!!!!
quiero poner este video en mi hi5 porfavor
quiero poner este video en mi hi5
me gustaria q este video este en mi hi5
=)
quiero q este este video en mi hi5 porfa
me gustaria q este video este en mi hi5
este video me gusta quiero q eswte en mi hi5
quiero en mi hi5
porfavor
deseo q este este video en mi hi5
hola=
hrtghrghn
kiero keeste en mi hi5 el video
hn
hnvbdfghjkrgnm
kike
hola Paola me gustaria ayudarte en tu problema corazon eso desearia para k estuvieras feliz, cualkier duda te ayudare BB y cuentas conmigo en cualkier ayuda de paginas web
de html
como hacer y subir musica
como cortar musicas
subir videos a tu web
solo te ayudare corazon mi msn es yeralblack07@hotmail.com y mi web es http:loboblack.iespana.es
Paola se ve k te gusta todo sobre la web me gustaria conocerte mas se ve k hacemos unas buenas personas en esto de la web
esa chica programadora era la k estaba esperando
sabes, sigue asi
programando
eso es el futuro
la web en el mundo virtual
bb te dejo te ayudo en lo k sea mami!!!!!!!!!!!!!!!!!!!!!!!!!!
Paola
arrecuerdate!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
mi msn yeralblack07@hotmail.com
hola…
espero en Dios que alguien pueda reponder a esta duda…
resulta que quiero bajar/descargar la cancion de fondo de un pagina web, pero esta viene encriptada y no la puedo descargar
esta es la url
http://www.ilike.com/artist/Bel+Amour/track/Bel+Amour+%28UPS+Latin+Remix%29
existe manera alguna de encontrar la verdadera direccion de dicha cancion y con ello poderla descargar…?????
salu2 y gracias…
eduardosolis878@hotmail.com
PD.: no me vengan a decir que no se puede, por que hace mucho, pero mucho tiempo en un blog medio “geek” mostraban paso a paso como hacerlo… el problema es que no recuerdo la pagina.
TIENE QUE SER .MID¿¿¿
O SE PUDE ALGUN OTRO TE AGRADECERIA SI ME PUEDES AYUDAR
º-º
SE PUEDE MP3¿¿¿¿¿¿¿¿¿¿¿
º.º
ke entre mi hi5
hola, gente probé el código y funciona muy bien tanto en explorer como firefox, soy muy novato en esto, pero el mid si funciona en los dos, el mp3 no, el firefox busca un plugin que no existe, pero si cambian el formato mp3 a wma si funciona bien en firefox y si existe el plugin…..
la pregunta que tengo es como hago para que el sonido se mantenga por las diferentes secciones de la pagina sin usar flash… por favor si alguin sabe la respuesta le agradesco que me envien la informacion al mail j21art@yahoo.com
Consulta, hay alguna manera de poner una música de fondo a una página XHTML…pero sin que se corte cuando va de link en link…
Saludos cordiales,
Gracias,
Atte,
BreaksCodes
Hola, estoy de acuedo con la persona que dice: “Pienso que no es conveniente colocar efectos que el usuario no esté deseoso de obtener (como en este caso lo es el sonido de fondo)” .
La verdad es que cuando entro en alguna pagina que tiene musica de fondo y no puedo detenerla o bajar el volumen, prefiero salir, hay momentos en los que la muscia de fondo puede ser bastante molesta y mas aun si uno no puede detenerla, a veces paso mas tiempo buscando si hay alguna opcion para detener la musica que observando la pagina.
jejeje suban sus mp3 asu hosting ftp , y ai cambienlo en formato mp3 x mid o creanse una lista de musika y ponganlo ai = en su mismo formato y luego lo cambian x mid es recontra facil
yo lo ke de verdd kiero es un codigo ke para cuando la gente entre a mi perfil no vean el reproductor pero ke suene la musica me podria responder a mi correo!!!!
Realmente si funciona para mp3
Pruebalo en http://www.delchoco.com
Henry Pandales
para que no se vea el reproductor solamente hay que añadirle el atributo hidden con el valor false, osea algo asi: hidden=”false”…..y para los que no funciona en mozilla, solo falla con archivos mp3, entonces basta con cambiar de formato el audio que queremos reproducir y ya, en mi caso los convierto a archivos aac, son archivos nativos de quick time y no habra problema en reproducirlo
hola veo que muchos de ustedes tienen muchas dudas sin contestar si quieren yo les ayudo en lo que pueda entrare seguido para ver lo que me pregunten si no les contesto agreguenme mi mail es fcemac@gmail.com por sierto no se compliquen la vida con la musica de fondo en sus paginas web aqui les dejo un codigo para que lo usen donde dice url del mp3 ponen la url de su cancion lo malo es que este que les dejo es solo para una sola cancion de fondo es decir en cuanto alguien entre en sus paginas web escuchara su cancion de fondo sin tener que poner play en la cancion claro que no la podran parar entren en la pagina de mi empresa como un ejemplo es esta http://www.cemac-.es.tl espero les funcione el codigo bye
var ver = navigator.appName;if (ver == “Microsoft Internet Explorer”) { document.write(”);}else{ document.write(”);}
este es el codigo
var ver = navigator.appName;if (ver == “Microsoft Internet Explorer”) { document.write(”);}else{ document.write(”);}
<script language=”JavaScript”>var ver =navigator.appName;if (ver == “Microsoft Internet Explorer”) { document.write(‘<bgsound src=”URL DEL MP3″loop=infinite>’);}else{ document.write(‘<EMBED src=”URL DEL MP3″ width=”1″ height=”1″ hidden=”true” loop=”true” autostart=”true”>’);}
donde sale esto
creo que mejor me agregan lo quise poner pero no me dejo la pagina mi correo es fcemac@gmail.com
xxxxxxxxxxxxxx
hola todos osy maicol
Bueno pues si quieres que aya mas canciones, el URL lo tienes que ir separando por comas (,) y en firefox no te va a funcionar por que el firefox no ocupa demaciado HTML
Explico que con la etiqueta se deben incorporar al menos dos propiedades necesarias.
1.- la propiedad SRC con la que especificaremos la dirección del archivo.
2.- la propiedad TYPE. En las últimas versiones de los navegadores esta etiqueta ya no es necesaria, pero el las versiones antiguas y en el navegador Firefox si lo es. Con ella especificaremos el tipo de archivo que se reproduce.
-En el caso de archivos de audio:
-En el caso de video
Si lo que queremos es reproducir varios archivos de audio tendremos que hacer una lista de formato m3u con nuestras canciones y meterlo en embed como otro archivo de audio.
Explico que con la etiqueta se deben incorporar al menos dos propiedades necesarias.
1.- la propiedad SRC con la que especificaremos la dirección del archivo.
2.- la propiedad TYPE. En las últimas versiones de los navegadores esta etiqueta ya no es necesaria, pero el las versiones antiguas y en el navegador Firefox si lo es. Con ella especificaremos el tipo de archivo que se reproduce.
-En el caso de archivos de audio:
-En el caso de video
Si lo que queremos es reproducir varios archivos de audio tendremos que hacer una lista de formato m3u con nuestras canciones y meterlo en embed como otro archivo de audio.
Disculpen la repetición, los * no se incluyen en el codigo los he puesto para que no me borren los ejemplos.
Saludos a todos y espero haberles ayudado.
Explico que con la etiqueta EMBED se deben incorporar al menos dos propiedades necesarias.
1.- la propiedad SRC con la que especificaremos la dirección del archivo.
EMBED SRC=”Archivo.mp3″
2.- la propiedad TYPE. En las últimas versiones de los navegadores esta etiqueta ya no es necesaria, pero el las versiones antiguas y en el navegador Firefox si lo es. Con ella especificaremos el tipo de archivo que se reproduce.
-En el caso de archivos de audio:
EMBED SRC=”Archivo.mp3″ TYPE=”audio/mp3″
EMBED SRC=”Archivo.midi” TYPE=”audio/midi”
EMBED ….
-En el caso de video
EMBED SRC=”Archivo.wmv” TYPE=”video/wmv”
Si lo que queremos es reproducir varios archivos de audio tendremos que hacer una lista de formato m3u con nuestras canciones y meterlo en embed como otro archivo de audio.
EMBED SRC=”Lista.m3u” TYPE=”audio/m3u”
Disculpen la repetición, de veras.
Gracias por su atención y de nuevo saludos xD
Después de la aclaración anterior cabe añadir que para que funcione el reproductor en firefox debéis tener instalados los plugins determinados.
En esta página disponéis de todos los plugins para firefox.
https://addons.mozilla.org/es-ES/firefox/browse/type:7
En esta otra, link de la anterior tenéis el plugin necesario para esta aplicación.
http://port25.technet.com/pages/windows-media-player-firefox-plugin-download.aspx
ME QUIERO MORIR!
He leido setecientos treinta y cuatro mil articulos de “como ponerle musica de fondo a tu pagina web” y soy tan asi o mas estupida que no puedo! jaja.. con trabajos me sale el cuado del comando pero en blanco.. es que asi como lo pones esta bien, pero osea no me sale la musica.. estoy PERDIDAAAA! Me quiero morir!
este es mi codigo, me finciona, pero no como yo quiero, pues solo quiero musica de fondo, ocultar el recuadro, pero que el AUTOSTART=TRUE, FUNCIONE.
ME PUEDEN AYUDAR…QUE ME FALTA?? O QUE DEBO HACER..?
NO SE VIO EL CODIGO..AQUI VA
este es mi codigo, me finciona, pero no como yo quiero, pues solo quiero musica de fondo, ocultar el recuadro, pero que el AUTOSTART=TRUE, FUNCIONE.
ME PUEDEN AYUDAR…QUE ME FALTA?? O QUE DEBO HACER..?
MMMM….
ya saben como cerrar…
este es mi codigo, me finciona, pero no como yo quiero, pues solo quiero musica de fondo, ocultar el recuadro, pero que el AUTOSTART=TRUE, FUNCIONE.
ME PUEDEN AYUDAR…QUE ME FALTA?? O QUE DEBO HACER..?
Eso que tu dices es otra forma. Creo que funciona también con listas de reproducción.
La Forma es la siguiente, en realidad es prácticamente igual a poner un fondo en la página. Se trata de un atributo de la ETIQUETA BODY en la que tu pones la canción o lista a reproducir. El atributo se llama bgsound=”Nombre de la canción” (como bgcolor).
\
Repito que creo que también valdría con listas de música .m3u, pero no estoy muy seguro.
no sirve nada mecos
para mi si me sirvieron y eso que puse un formato mp3, es solo con instalarlo desde formato codigo no como otros mecos que solo lo hacen directamente
Hola aca les dejo el codigo, lo probe en Ie, y en opera que es el que yo uso.
Hay que usar las dos etiquetas OBJECT Y EMBED. Para que sea compatible con la mayoria de los navegadores. Porque como siempre hay cosas que solo funcionan bien en IE, y ya que muchas personas lo usan hay que darle importancia aunque no te guste, ademas yo lo tengo como predeterminado, porque tambien lo usan muchos programas, asi que no queda otra. Hasta hay paginas con funciones importantes para uno que solo funcionan en IE, eso es porque los programadores, ponen plugin o cosas que solo funcionan en IE, entonces siemrpe estara, yo no me meto mucho en las criticas, pero si no te gusta hace algo, si todo el mundo lo hace así, nunca se va a acabar, hay que refelexionar, en vez de solo quejarse.
Donde dice MI ARCHIVO hay que cambierlo por la ruta del archivo, no hace falta que este en el mismo directorio, ni mucho menos en tu propia web.
A me olvidaba decir que esto trabaja con el Windows Media Player.
Instalado por defecto En cualquier windows, y si no lo tenes, se te descarga, al = que lo que hace flash.
Yo lo tengo funcionando, ahora lo que trato de hacer es un objeto ya sea en JavaScript directo o JQuery, para que solo se le pasa el parametro de el archivo. Acepto sugerencias.
Tengo solo el error, de que si quiero que no se ejecute de entrada, pongo como todos dicen, y fucniona, pero despues no funciona el play. Acepto sugerencias.
Perdonen por lo burdo pero justo vi tantos mensajes que quiese ayudar. Saludos.
Cuando etnga mas tiempo y subida mi pagina o algo, les pongo un ejemplo funcionando.
hey no salio mi codigo, jaja. Bue aca va.
A me olvidaba, MI ARCHIVO, hay que cambierlo en las dos etiquetas, ya que es por compatibilidad, que pongo las dos.
hey porque no sale mi codigo????
ya que no me da error ni nada, antes pense que era mi culpa por tanto trabajo y que a ultimamente me esta dando problemas mi pc, por tener poca memoria, pero ya la optimisare, es que como tube un timpo si hace mucho, no le di importancia, jaja.
Seguro por seguridad no permiten poner ese codigo, pero no me da error ni me dice nada.
Algunos foros, funciona metiendolos entre
pero no se Aqui. Saludos.Si escribo asi y mucho, es porque estoy estresado, jaja.
para que esten todas en sin sonar el codigo es asi
[alt]autostart=”0″
para el volumen
[alt] volume=”0″
Hola amigos, no se como poner musica de fondo en mi pagina web, y que en cada link no se corte, solo es una canción que tengo en mp3. AYUDA POR FAVOR!!! mi pagina web es http://www.fortalezabassethound.mex.tl
gracias,
saludos,