Había una vez en una banda de rock. Cuando estaba construyendo nuestro sitio web, naturalmente quería poner algo de música para que los visitantes pudieran escuchar antes de comprar nuestras canciones en iTunes. Después de un poco de investigación descubrí que hay un millón de maneras en que podrías hacerlo, algunas mejores que otras. Lamentablemente, después de dos álbumes y muchos buenos momentos, mi banda The Van Buren Regulars ya no existe. Afortunadamente, lo que aprendí sobre la integración de la música sigue vivo y es bastante fácil de transmitir.
Hoy veremos cuatro formas sencillas de insertar archivos MP3 en su sitio web. Todos estos métodos son gratuitos y tardan unos minutos en implementarse. Vamos a verlos!
Jugador simple con parámetros editables
Usando una etiqueta de objeto, podemos crear nuestro propio pequeño jugador con unas pocas líneas de código. Pegue el código a continuación en su página e inserte el enlace a su MP3. Luego puede personalizar opciones como altura, ancho, color de fondo, bucle y reproducción automática.
Fuente: O'Reilly Media
Aquí está el jugador que resulta (puede tardar un minuto en cargar):
Google Reader MP3 Player
Estoy seguro de que no te sorprendería saber que Google tiene un recurso gratuito que se adapta perfectamente a este problema. Para usar el reproductor de MP3 Google Reader, simplemente pegue el siguiente código en su página y apunte el? AudioURL? en su archivo MP3.
Aquí hay una muestra:
Yahoo Media Player
El Yahoo Media Player adopta un enfoque radicalmente diferente al presentar a los espectadores un pedazo de texto muy mínimo y un botón de reproducción en lugar de un jugador de pleno derecho. Sin embargo, cuando haces clic en el botón de reproducción, aparece un jugador flotante que permanece contigo mientras te desplazas. ¡Bastante elegante!
Para el jugador de Yahoo, primero debes insertar este fragmento de JavaScript en tu código:
Luego, en lugar de crear un nuevo reproductor para cada MP3 que desea incrustar, simplemente enlace a los MP3 en su HTML y crea automáticamente el reproductor para usted.
Aquí está el ejemplo:
Canción 1
Canción 2
También tenga en cuenta que incluso antes de hacer clic en el botón de reproducción, el reproductor de Yahoo está acoplado y listo para funcionar en la parte inferior izquierda de la ventana. Simplemente haga clic en la flecha para deslizarla.
MixPod
MixPod crea un widget de flash gratuito para incrustar en su sitio. Existen ventajas y desventajas en el uso de este servicio en comparación con los anteriores. Los contras son que tienes que registrarte (gratis) y el jugador muestra un enlace a MixPod. Las ventajas son que obtiene una gran cantidad de excelentes opciones de diseño, información de la canción incorporada que incluye el nombre del artista y la canción, la capacidad de ajustar el esquema de color para que coincida con el de su sitio, y el acceso a canciones populares y listas de reproducción.
Configurar un MixPod es súper fácil y no requiere conocimientos de codificación más allá de dónde pegar el fragmento de código que te dan. Todo lo que debe hacer es pegar su enlace de MP3, insertar la información del artista / pista para todas las canciones en su lista de reproducción y elegir su aspecto y colores. Luego, MixPod le proporciona una gran cantidad de código para pegar en su sitio. El resultado es bastante elegante.
MixPod es solo uno de los muchos proveedores de reproductores flash gratuitos que puede integrar en su sitio. Echa un vistazo a esta publicación en CNET para la lista de los buenos.
Conclusión
Esta publicación es un poco breve, pero eso se debe a que la incrustación de música se ha vuelto muy fácil. Todos los reproductores anteriores le ofrecen soluciones sencillas de copiar y pegar para poner MP3 en su sitio. El jugador con el que debe ir depende completamente de la forma en que quiera usarlo. A veces, solo quieres algo lo mínimo posible, mientras que otras veces quieres un reproductor llamativo y animado que tus espectadores no pueden perderse. Personalmente, me encantan las pieles y la funcionalidad disponible en los reproductores MixPod. Sin embargo, solo Yahoo ofrece esa gran característica flotante para que el jugador se quede con usted y pueda ser apagado o manipulado en cualquier momento. deje un comentario a continuación para hacernos saber cómo incrusta los archivos MP3 en sus sitios o cuál de estas opciones le gusta más.