Haga clic en la imagen para ver la demostración
Este versátil reproductor de audio ofrece una GRAN cantidad de opciones de personalización y posibilidades de diseño.
Los anuncios del reproductor son compatibles con todos los formatos de audio HTML5 para Soundcloud, RSS Podcasts, iTunes, Apple HLS m3u8 Live streaming, audio y video de Youtube.
Cargue la lista de reproducción desde el marcado HTML, XML, JSON, base de datos, carpeta lista automáticamente con archivos de audio que incluyen metadatos ID3. Cargue fuentes de audio desde Google Drive, Amazon S3 o cualquier enlace público que se reproduzca en el navegador. Mezcla diferentes fuentes de audio en la misma lista de reproducción. Cargue una nueva lista de reproducción en tiempo de ejecución.
Úselo como reproductor de audio único o con soporte completo para listas de reproducción. Use el reproductor en cualquier parte de la página, péguelo en la parte inferior de la página o abra el reproductor en una ventana emergente y escuche música continuamente en su página web.
La naturaleza receptiva del reproductor se adaptará a cualquier tamaño de pantalla y cualquier dispositivo, ya sea que esté en un navegador de escritorio, tableta o teléfono móvil.
Player está repleto de una gran cantidad de funciones y opciones de personalización de diferentes diseños, máscaras, personalización de color, intercambio social, API potente para controlar la reproducción, diferentes plataformas de audio, compatibilidad con listas de reproducción y más…
Características y opciones:
- Soporte de escritorio, móvil y tableta (totalmente receptivo)
- jQuery 1.7.x – Compatible con jQuery 2.+ / 3.+
- Condicional carga de secuencias de comandos (mejora la usabilidad y el rendimiento)
- Altamente personalizable con HTML y CSS
- Cualquier icono compatible en el reproductor (SVG, fuente impresionante, diseño de materiales, iconos de imagen…)
- solo mp3 formato de audio requerido para todos los navegadores y dispositivos (otros formatos compatibles incluyen wav, aac, etc.)
- Compatibilidad con medios de Google Drive, Amazon S3… (cualquier enlace público que se reproduzca en el navegador)
- Compatible con Squarespace
- Opciones de lista de reproducción disponible:
- Lista de reproducción de audio (mp3, aac, wav..)
- lista de reproducción XML
- Lista de reproducción JSON
- Lista de reproducción de la carpeta de archivos de audio (etiquetas id3)
- Lista de reproducción de Google Drive
- Podcast RSS
- itunes
- Nube de sonido
- Transmisión en vivo de Apple HLS m3u8
- Youtube audio y video musica
- lista de reproducción m3u
- Opciones de reproducción:
- reproducción aleatoria
- lista de reproducción en bucle, audio único, desactivado
- velocidad de reproducción
- hora de inicio/fin
- Bucle AB
- Cargar más opciones en el desplazamiento total en la lista de reproducción
- Compatibilidad con múltiples anuncios de audio antes, durante y después de la reproducción de la canción (al azar)
- Mezcle diferentes tipos de medios en la misma lista de reproducción
- Anuncios de audio (reproducir anuncios durante la canción)
- Reproducir música continuamente a través de las páginas web:
- recordando la posición de reproducción (un solo dong / lista de reproducción completa)
- con la opción de abrir el reproductor es una ventana emergente separada
- Ocultar automáticamente la fuente de audio que se está reproduciendo actualmente para evitar la descarga de audio
- Apoyo para Múltiples instancias en la misma pagina
- Opcional teclado navegación de audio (pausar/reproducir, silenciar/activar, siguiente, anterior)
- Compartiendo socialmente (facebook, twitter, tumblr, whatsapp)
- métodos API
- devoluciones de llamada
Notas:
1. SoundCloud requiere una clave API (asegúrese de tener una o de que puede obtenerla de SoundCloud)
2. No podemos garantizar la compatibilidad con todos los podcasts RSS que existen, por lo que si desea asegurarse de que nuestra aplicación funcione con su podcast, proporciónenos un enlace de podcast antes de la compra para que podamos verificarlo.
3. Este es un complemento de jQuery. Si desea un complemento de audio de WordPress, tenemos varios para elegir:
http://codecanyon.net/item/modern-audio-player-wordpress-plugin/19925056
http://codecanyon.net/item/responsive-html5-music-player-for-wordpress/6588583
Algunas otras recomendaciones de reproductores de audio jQuery:
http://codecanyon.net/item/audio-waveform-player-with-playlist/18420897
Actualizaciones / Registro de cambios
VERSIÓN 6.71 [19.7.2022]
- [FIX] bug with ad end
VERSIÓN 6.7 [14.5.2022]
- [FIX] player thumb url sometimes failed because of encodeURI which is applied if url has spaces - [UPDATE] custom icons support SVG - [UPDATE] custom playlist icons dont need to have url attached - [UPDATE] specify custom class for custom playlist icon and custom function callback - [UPDATE] facebook share no longer requires api key - [UPDATE] whatsapp share - [ADD] option to use default browser scrollbar in playlist - [ADD] support for IMA, VAST audio ads - [ADD] more ad event callbacks so ads can be tracked - [ADD] option to password protect song
VERSIÓN 6.31 [18.3.2022]
- [FIX] podcast may fail if not contain artwork image - [FIX] multiple players in page with sticky player not changing song in sticky player correctly
VERSIÓN 6.3 [28.11.2021]
- [UPDATE] avoid your own input field in player interfere with keyboard controls - [ADD] option to crossfade audio between 2 songs - [FIX] ads not playing first defined ad mid on start, but second - [FIX] sortable tracks not updating after sort - [FIX] audio not resuming time but starting from beginning after s3 url expires
VERSIÓN 6.0 [9.11.2021]
- [ADD] add rel attribute for playlist item link and additional playlist icons - [ADD] play audio from OneDrive (single or folder) - [ADD] option to read ID3 tags from Google drive or OneDrive folder (requires cors) - [ADD] display song variations (option to display several different versions of the song: Long version, 30s version, 15s version etc..)
VERSIÓN 5.96 [12.10.2021]
- [FIX] accordion not opening completely on start sometimes (to show all tracks) - [FIX] waveform preloader stays visible when peak data is provided
VERSIÓN 5.95 [8.9.2021]
- [UPDATE] added Amazon S3 region setting - [UPDATE] resume S3 audio if url expires - [ADD] Cloudfront integration with S3
VERSIÓN 5.9 [23.7.2021]
- [ADD] amazon s3 support with private buckets - [ADD] option to show playlist display with selectize drop down menu above the player - [ADD] option to auto advance to next song on error
VERSIÓN 5.85 [25.06.2021]
- [ADD] audio waveform generator tool
VERSIÓN 5.84 [23.06.2021]
- [FIX] IOS resume playback position
VERSIÓN 5.81 [11.06.2021]
- [FIX] radio playback not showing song data on mobile locked screen
VERSIÓN 5.8 [12.05.2021]
- [FIX] progress bar size sometimes incorrect on player start - [UPDATE] searching for songs in playlist will only play songs found by search (not compatible with accordion) - [UPDATE] option to use keyboard controls globally per page (valid only for one player in page) - [UPDATE] grid skins - [ADD] option to add custom icons in playlist with url link to each - [ADD] option to show sticky player at page bottom, plays song from active player in page - [ADD] optional waveform seekbar in some skins - [ADD] new skins (Epic, Epic mini)
VERSIÓN 5.25 [25.03.2021]
- [FIX] hls media not seeking - [UPDATE] select your own keyboard controls
VERSIÓN 5.2 [25.02.2021]
- [ADD] option to use PerfectScrollbar instead of mCustomScroll in playlist
VERSIÓN 5.15 [22.02.2021]
- [ADD] time anchors (click on any HTML element in the page to jump directly into specified song time) - [FIX] playlist accordion mode search field search opened accordions - [UPDATE] time fields and seekbar are now enabled for media type hls - [ADD] option to stop on song end
VERSIÓN 5.11 [2.2.2021]
- [UPDATE] option to add HTML description to songs in playlist - [UPDATE] playback rate global value in player settings - [UPDATE] show / hide full song description text in playlist with "Read more" button
VERSIÓN 5.1 [18.1.2021]
- [UPDATE] clean some code - [FIX] some bugs
VERSIÓN 5.0 [24.12.2020]
- [FIX] soundcloud private tracks - [FIX] query parameters missing hap-query-instance in help documentation - [UPDATE] keyboard controls improve - [UPDATE] AB loop improve - [ADD] audio lyrics - [ADD] ASL / sign language video synchronize with audio
VERSIÓN 4.4 [16.8.2020]
- [UPDATE] podcast description html formatted (preserve links etc...) - [UPDATE] choose playlist item element(s) which will receive click event
VERSIÓN 4.4 [14.8.2020]
- [FIX] global playlist options not working on new playlist load - [UPDATE] social sharing url for multiple players in page - [UPDATE] define min and max playback rate - [UPDATE] create custom playlist item HTML markup (thumb, title, description...) - [ADD] song preview option (play ~10 seconds short song preview snippet instead of full song) - [ADD] option to create custom player HTML markup - [ADD] display thumbnail list of playlists in frontend and on playlist select, load selected playlist in player - [ADD] add custom classes to player and inner elements - [ADD] new skins and templates (grid and lists of thumbnails, separated playlists from player) - [ADD] drag songs into the player (create your own playlist in frontend) - [ADD] placeholder thumb url which will be shown when no song is selected - [ADD] attach category / tags to songs and filter songs in frontend - [ADD] display waveform song list filterable with genres and keywords
VERSIÓN 4.05 [20.6.2020]
- [FIX] grid_no_player layout - click on playlist item thumbnail plays audio (now its disabled) - [FIX] grid_no_player layout - enqueue plays song instead of enqueue - [FIX] fixed layout - wrong computation on player position when player is closed
VERSIÓN 4.0 [31.5.2020]
- [ADD] init player on dom selector click - [ADD] option to auto open player in popup window on page load / dom selector click - [UPDATE] use your own input search field to filter songs in player - [UPDATE] preloader visible before player loads - [ADD] optional buttons in controls to seek X seconds backward / forward - [ADD] custom width at which icons in playlist (link, download, statistics icons) go into second line to make room for playlist titles - [ADD] specify custom DOM element for playlist - [UPDATE] share specific song in playlist when used with social networking (direct link to song and current time) - [UPDATE] added more social sharing networks - [UPDATE] load accordion from json - [UPDATE] optional accordion description text below title (for json accordion) - [ADD] flac support - [ADD] javascript breakpoints to resize player (media query in div) (layouts like art_wide, brona, metalic, modern... can now be used as a widget) - [ADD] new skins (Widget, Compact, Fixed, Thumb grid in page stricky bottom player) - [ADD] option to completely hide the player until music starts
VERSIÓN 3.7 [19.3.2020]
- [FIX] whatsapp desktop warning message - [ADD] player settings can now be passes with query string (parameters begins with "hap-") - [ADD] create playlist from query string parameters - [UPDATE] support for folder sub-directories - [UPDATE] audio ads are not part of global table so they can be added to any player or playlist - [UPDATE] support for multiple audio ads before, during and after song plays (random) - [UPDATE] controls disabled while ad plays (user cannot skip track) - [UPDATE] shuffle button now has 2 tooltips for better mobile experience (Shuffle on, Shuffle off) - [ADD] ads progress bar and advertizing message - [ADD] "folder accordion type playlist" - read folder with multiple subfolders (albums) of audio files and display them as accordion in the player (each accordion item is one playlist) - [ADD] new skin - "brona" (light, dark)
VERSIÓN 3.35 [20.2.2020]
- [FIX] shuffle not working - [ADD] support for m3u playlist with audio files - [ADD] option to get album cover art for song if missing - [UPDATE] new callbacks
VERSIÓN 3.3 [13.2.2020]
- [FIX] Icecast artist missing - [ADD] disable song skip - [ADD] multiline title option - [ADD] option to prefix relative audio urls - [ADD] rememeber playback position for whole playlist - [ADD] example demo with image icons, font-awesome, material icons, ionicons - [ADD] audio advertisements
VERSIÓN 3.2 [4.2.2020]
- [UPDATE] new skins - [UPDATE] radiojar get artwork from metadata
VERSIÓN 3.1 [14.1.2020]
- [UPDATE] new universal skin - [UPDATE] looping update (loop playlist, single, off) - [ADD] load playlist from JSON - [ADD] audio widget - [ADD] gutenberg block - [ADD] shoutcast, icecast, radiojar support (automatically retrieve song title, artist and artwork from metadata) - [ADD] playback rate slider in player - [ADD] a-b loop...
