Afortunadamente, HTML5 se ha convertido en un estándar en el diseño web multimedia. Quedan lejos los días de quebraderos de cabeza con Flash y el plugin Silverlight, gracias a que HTML5 ya admite el uso de elementos de página para audio y vídeo y esto ha creado un nuevo estándar válido para todas las plataformas, por no mencionar los beneficios que proporciona al SEO y al cacheado offline.
Otra ventaja del uso de HTML5 es que se adapta fácilmente a las distintas plataformas. Esto hace que el diseño, el desarrollo y la elaboración de reproductores de audio personalizado sea mucho más fácil que en el pasado, además estos funcionarán en tanto en ordenadores de sobremesa como en dispositivos móviles, y serán independientes de los distintos sistemas operativos.
Los siguientes 15 mejores reproductores de audio disponibles en CodeCanyon son ejemplos excelentes de cuán avanzados pueden llegar a ser estos reproductores, manteniendo al mismo tiempo amplias posibilidades de personalización para adaptarse a tus necesidades en lo que respecta al diseño.
1. Audio Waveform plugin reproductor de audio con lista de reproducción
Audio Waveform Player with Playlist es uno de mis reproductores de audio HTML5 favoritos. Coge prestados algunos elementos del diseño del reproductor de SoundCloud y añade algunas útiles características para aquellos que quieran insertar audio en su propia web.
Precio: 38$
Este reproductor de audio es totalmente responsivo y personalizable incluye además útiles opciones, aquí te indicamos algunas:
- La interfaz muestra el tiempo de inicio y de fin de cada pista de audio
- Botones para la descarga de audio
- velocidad de reproducción
- Botones para compartir en redes sociales opcionales (Facebook, Twitter, etc.)
- Crea listas de reproducción a partir de Souncloud, carpetas, o archivos de audio almacenados en Google Drive, Amazon S3, etc.
- “Tooltips” o bocadillos emergentes de ayuda contextual
- Y mucho más
Una excelente solución para podcasts, bandas de música, y similares, para audio alojado de forma privada en Google Drive, Amazon S3, e incluso SoundCloud.
Con su robusta API y callbacks, descubrirás que Audio Waveform Player with Playlist es potente y además está muy bien diseñado.
También puedes encontrar el reproductor Audio Waveform en forma de plugin para WordPress (55$).
2. HTML5 Audio Player with Playlist
HTML5 Audio Player with Playlist es otra potente opción, te permite colocar uno o varios reproductores de audio responsivos y con distintos diseños.
Tanto en forma como en función, este reproductor de audio tiene muchas opciones, estupenda opción para reproducir audio. Admite formato de audio HTML5, audio de SoundCloud, RSS Podcasts, iTunes, streaming en vivo Apple HLS m3u8, audio y vídeo de YouTube, y fuentes de radio como Shoutcast, Icecast y Radiojar.
Con una API poderosa y diseños ilimitados para el reproductor, podrás usar este reproductor de audio HTML5 en cualquier forma que te puedas imaginar.
Este reproductor de audio también dispone de versión para sitios creados con WordPress creado por el mismo desarrollador, Modern Audio Player WordPress Plugin (49$).
Precio: 43$
Pulsa el botón «Ver muestra», para ver los distintos magníficos diseños de este reproductor, si quieres ver cada uno de ellos en funcionamiento solo tienes que hacer clic sobre cada una de sus imágenes. Por ejemplo, aquí puedes ver uno de los reproductores en vivo.
Características que incluye:
- Diseño responsivo, se adapta perfectamente a cualquier dispositivo
- Función de busqueda de pistas de audio
- Botones para compartir en redes sociales
- Admite reproducción de audio en streaming en formato M3U8
- Admite listas de reproducción en formato XML, HTML o en la base de datos
- Crea listas de reproducción automáticamente a partir de carpetas
- Ordena y añade elementos a la lista simplemente arrastrando los archivos de audio
- Estadísticas de reproducción de cada pista de audio
- Admite múltiples instancias del reproductor en una misma página
- Alternativa en formato Flash para plataformas que no admitan HTML
- Y mucho más
HTML5 Audio Player with Playlist posiblemente sea el reproductor de audio responsivo HTML5 definitivo.
3. MP3 Sticky Player
Lo mejor de MP3 Sticky Player es que su posición se puede fijar, de manera que aunque el usuario se desplace por la página el reproductor siempre quede visible.
Este potente, responsivo y totalmente personalizable reproductor de audio HTML puede añadirse fácilmente a la parte superior o inferior de tu página web, y funciona perfectamente en los principales navegadores y dispositivos móviles.
Precio: 59$
Entre otras importantes características que incluye están las siguientes:
- Es compatible con Google Drive, Amazon S3 y todos los servicios y servidores que permiten el acceso de mp3 a través de streaming
- Carga listas de reproducción vía XML, HTML, carpetas mp3, podcasts, YouTube o SoundCloud
- Además admite vídeos en formato mp4 y de YouTube
- Admite la combinación de distintas listas de reproducción
- Deep linking opcional
- Y mucho más
Encontrarás infinitas opciones y seis diseños distintos de interfaz con archivos PSD incluidos.
MP3 Sticky Player podría ser el reproductor HTML5 ideal para tu sitio web. Fíjate en la imagen inferior el aspecto de sus distintos diseños de interfaz o visita las demostraciones en vivo.
Si deseas usar este reproductor en WordPress, aquí tienes su versión en forma de plugin para esta plataforma.
4. All in One Audio and Radio Player
All in One Audio and Radio Player está preparado para las retransmisiones, con independencia de que lo que quieras sea difundir una canción, crear una lista de reproducción, o emitir audio en tiempo real.
Precio: 17$
Este atractivo reproductor admite la reproducción de:
- Transmisión de los formatos AAC y AAC+ (Advaced Audio Coding)
- SoundCloud
- Shoutcast
- Icecast
- Spotify
- iTunes
- MP3
- OGG
- Wav
Con diferentes temas y potente API, podrás personalizar este reproductor de audio HTML5 de cualquier forma que puedas imaginar.
Algunas de sus características:
- Responde a gestos táctiles en móvil y permite el control mediante teclado
- Imagen de fondo y soporte para degradados CSS
- Potente API y documentación detallada
- Posibilidad de colocar varios reproductores en una sola página
- Y mucho más
All in One Audio and Radio Player es una opción impresionante para reproductores de audio de HTML5.
5. Responsive HTML5 Audio Player PRO With Playlist
La respuesta HTML5 Audio Player PRO con lista de reproducción es una opción sólida. Con una interfaz totalmente personalizable, podrás integrar este reproductor de audio perfectamente en tu diseño de página web.
También tiene una versión para WordPress (18$).
Precio: 14$
Entre algunas de sus características están las siguientes:
- Opciones descargar y shuffle
- Funciones para compartir en redes sociales
- Categorías para las listas de reproducción
- Opción de búsqueda
- Y mucho más
Haz algo de seguimiento con Google Analytics y configura la creación automática de listas de reproducción basadas en la organización de la carpeta, estarás en funcionamiento en un momento.
Si quieres un sólido reproductor HTML de audio que se pueda personalizar para coincidir con tu propio diseño, échale un vistazo a Responsive HTML5 Audio Player PRO With Playlist. Y aquí tienes este mismo reproductor de audio en forma de plugin para WordPress (18$).
6. ProgressionPlayer – Reproductor de audio y vídeo
Si necesitas incluir vídeo junto con tu audio, querrás usar el ProgressionPlayer – Responsive Audio/Video Player. Es muy sencillo modificarlo, es totalmente responsivo, e incluye todas las características básicas que podrías desear en un reproductor de audio HTML5.
Precio: 15$
Flash personalizado y reproductores Silverlight que imitan la API del elemento media de HTML5 para los navegadores más antiguos.
Características que incluye:
- Ilimitadas instancias de audio por página
- Cinco diseños de apariencia de interfaz o “skins”
- Listas de reproducción de audio
- Preparado para pantallas retina
- Y mucho más
ProgressionPlayer – Responsive Audio/Video Player es perfecto para crear múltiples instancias en una misma página, ya que los reproductores se detienen automáticamente cuando se activa otro.
7. Single jQuery Audio Player (Music and Radio)
Con su limpio diseño y singulares características, Single jQuery Audio Player (Music and Radio) es una excelente solución para la retransmisiones en vivo y para los artistas dedicados a la música.
Cada instancia del reproductor puede configurarse de forma distinta usando la útil API del plugin.
- Descarga directa
- Música de Apple y de Amazon
- Edita el título, el nombre del artista, y la ilustración del audio
Precio: 15$
Entre algunas de sus útiles características se encuentran:
- Admite el streaming en vivo/radio, Shoutcast, Icecast y SoundCloud
- Admite los formatos MP3, OGG, y WAV
- Detallada documentación
- Amigable a los gestos táctiles
- Y mucho más
Lo mejor de todo, entra en pausa automáticamente y detiene la reproducción cuando se un nuevo reproductor se inicia en la misma página.
Con su minimalista diseño y su potente API, Single jQuery Audio Player (Music and Radio) es uno de los mejores reproductores HTML5 de audio que existen para músicos y para las transmisiones en vivo.
Lo que te queda por leer:
- DS SoundCloud Custom Music Player (12$) – VER MUESTRA
- Easy Audio Player (39$) – VER MUESTRA
- Easy Audio Player WordPress Plugin (49$) – VER MUESTRA
- tPlayer – audio player (with playlist) v1.5 (11$) – VER MUESTRA
- tPlayer – Audio Player for WordPress (25$) – VER MUESTRA
- ZoomSounds – Neat HTML5 Audio Player (10$) – VER MUESTRA
- ZoomSounds – WordPress Wave Audio Player with Playlist (20$) – VER MUESTRA
- Chameleon HTML5 Audio Player With/Without Playlist (10$) – VER MUESTRA
- Chameleon – Plugin WordPress reproductor de audio HTML5 (18$) – VER MUESTRA
Deja una respuesta