<embed width="400" height="100" bgcolor="#f5f3e8" autostart="false" src="direccion_archivo"/></embed>
Simplemente con este código, obteneis la visualización de un reproductor sencillo desde el que se puede oir cualquier fichero de audio MP3, WAV o MID. Funciona con otros formatos, pero con estos casi que hay de sobra.
El único problema es encontrar un alojamiento para los ficheros que permita el hotlink, ya que estos vienen y van con frecuencia. Para probar podéis usar este fichero de Google Driver: https://googledrive.com/host/0B3b6MFUtZc42dzVwTEdJM1JwZHc/speeder.mp3.
El único atributo necesario para EMBED es SRC, que tiene que contener la dirección del recurso a incrustar, pero para lo de los sonidos, pueden venir bien otros atributos opcionales:
WIDTH: Ancho del área en la que se mostrará el recurso.
HEIGHT: Idem con el alto.
BGCOLOR: Color de fondo que rodea a la consola.
AUTOSTART: true/false para autoejecución automática o manual, respectivamente.
LOOP: true/false, permite reproducir en un bucle sin fin o una sola vez
HIDDEN: true/false para hacer la consola invisible/visible
Como con hidden="true" el reproductor no será visible, caso de incluir este atributo, será necesario incluir también un autostart="true" o no podremos pulsar el play.
A los que les preocupe la validación de su código, la etiqueta <embed> nunca ha sido parte de ninguna recomendación de la W3C para el HTML, así que aunque es soportada por la mayoría de navegadores, no está dentro del estándar y vuestro código no será validado si se incluye.
¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.
Y muchos más artículos interesantes si nos sigues en...
y donde pongo el codigo
ResponderEliminarLo puedes poner tanto en una entrada, como en el ejemplo, o también en un gadget tipo HTML/JavaScript.
ResponderEliminarMuy bueno, este reproductor tambien sirve para radio y si es asi como se añade una estacion de radio?
ResponderEliminarmui bueno lo probare
ResponderEliminarEvilSeyer, creo que las radios online van por otro sistema, pero para probar a ver si hay suerte, pon la dirección de la radio dónde dice "direccion_archivo"
ResponderEliminarGenial aporte si funciona con la url de las radios online
ResponderEliminarGracias Oloman.
No sé si tu SI es un condicional o una afirmación :)
ResponderEliminarTienes razón, es un "si" de afirmación
ResponderEliminarO sea, que sí funciona con las emisoras de radio online. Perfecto. Gracias por avisar.
ResponderEliminarse puede poner una cancion del ordenador?
ResponderEliminarNO SALE HIDDEN
ResponderEliminarHola GeryXD. Supongo que ya habrás podido comprobar que se puede poner una canción cualquiera, pero siempre que antes esté accesible para todo el mundo desde internet. Es decir, que hay que alojarla en un sitio externo a tu ordenador. Si estuviera sólo en él, nadie mas que tú podría oirlo.
ResponderEliminarY con respecto a lo de esconder el reproductor, en un principio no se puede, pero quizás podrías utilizar este truco.
Saludos.
pues el reproductor como esta en la foto me parece genial pero tengo una duda al instalarlo me dice el navegador que necesita plugins adicionales y al darle instalar me dice que no se encuentran los plugins para esto.
ResponderEliminarno se que hacer me puedes ayudar xfa
Prueba a bajarte QuickTime
ResponderEliminarmuy bueno tu blog amigo(a) sigue
ResponderEliminarhola exelente tutorial
ResponderEliminareste si funciona con una direccion de radio
MI PREGUNTA ES:
como le puedo agregar mas de una cancion
si por ejemplo quisiera 5 canciones o mas en el mismo reproductor...
debo separarlas con comas? o con algun codigo entre los links de las canciones?
Que yo sepa no se puede incluir más de un fichero con este sistema. Para eso tendrás que recurrir a algún servicio de hosting de audios. La mayoría incluyen reproductores y listas.
ResponderEliminarHola OLOMAN, intento cambiar el color de fondo, por que mi blo es de color blanco, le coloco el color correspondiente que quiero que es #FFFFFF, pero aun se ve el color NEGRO? QUE HAGO???
ResponderEliminarDebería funcionar si lo pones dentro de bgcolor...
EliminarEN QUE PARTE DEL BLOG LO PONGO ?
ResponderEliminarEn una entrada, en un gadget, en la plantilla... En cualquier parte.
EliminarExcelente ayuda para los que no sabemos nada de esto. Los felicito
ResponderEliminar