WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

ZoomSounds - neat HTML5 Audio Player

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Reproductor de audio Introducción

¿Quieres una de vanguardia, el jugador hábil, listo retina, sensible HTML5 de audio para su sitio? ZoomSounds es el candidato perfecto. Con tres pieles para adaptarse a todas las marcas, sólo un formato requerido para funcionar, ZoomSounds

Nuevo - Con lista de reproducción

Nuevo - Versión WP

Características del reproductor de audio

  • La tecnología HTML5 - esta galería utiliza las últimas tehniques HTML5 para ofrecer una experiencia nunca antes vista a sus clientes
  • responde plenamente - se ve muy bien desde el móvil a HD
  • flash de copia de seguridad - IE7 e IE8 no son compatibles con HTML5, pero esos usuarios no están forgetten, los sonidos se reproducirán para ellos también a través del reproductor de flash
  • un formato obligatorio - lo difícil es realizado por el guión jugador para que el usuario tenga experiencia fácil de edición - en cuyo caso solo mp3
  • contacto optimizado - dispositivos táctiles no se olvidan
  • cinco pieles - para cada necesidad
  • tres skins - tres pieles enteras que se adaptan a todas las marcas
  • La tecnología CSS 3 - este jugador utiliza las definiciones de CSS3 de última generación
  • fácil de instalar - compra, descarga el zip, leer los documentos
  • iPhone / iPad optimizado - esta galería ha sido optimizado para dispositivos táctiles de Apple
  • Android optimizado - este componente ha sido probado en Android 4.0 y funciona increíble
  • desarrollador / SASS alimenta - CSS de este componente se ha construido en la cima de SASS, que significa que los usuarios SASS tendrán un tiempo más fácil la modificación de las pieles. A los usuarios no SASS no es ningún problema, ya sea porque los archivos CSS (generados por SASS) están previstas
  • juega desde YouTube - flujos de audio de YouTube
  • juega desde SoundCloud - flujos de audio SoundCloud con una clave de API
  • 100% skinable css - quieren hacer pequeñas modificaciones a las pieles? Las pieles se construyen 100% de la CSS y es muy fácil de corregir con conocimientos css
  • SEO - construido con la optimización de motores de búsqueda en mente desde el principio, la Evaluación de los rotadores usos no oculta el formato HTML válido para construir el widget
  • compatible con todos los principales navegadores, incluyendo IE - compatibles de Internet Explorer 7 a IE10, Chrome, Safari y Firefox

optimizado para móviles

Suave en los móviles también, porque de
aceleracion de hardware. Android 4.4+ Chrome
y el IOS testedto entregar súper suave
experiencia

Ver video

Actualizaciones reproductor de audio

ACTUALIZACIÓN 2.01 [09/07/2015]
  • [FIX] diversas correcciones
ACTUALIZACIÓN 2.00 [01/20/2015]
  • [ADD] añadido de la piel-aria
  • [ADD] añadido opción en el menú de movimiento enable_easing
  • [ADD] añadido evento Google Analytics para jugar
  • [ADD] opción para cambiar la canción en un reproductor (+ llamada a la API)
  • [ADD] piel galería - piel por defecto o de onda de la piel
  • [TWEAK] cambia el modo de onda de diseño de la piel resbaladiza de ser absoluta a relativa
ACTUALIZACIÓN 1.62 [07/03/2014]
  • [FIX] autoplayNext obligado reproducción automática para el
ACTUALIZACIÓN 1.50 [04/02/2014]
  • [ADD] piel-pro
  • [TWEAK] vista previa actualizada
  • [FIX] algunos errores en Safari
ACTUALIZACIÓN 1.40 [01/15/2014]
  • [ADD] ahora los comentarios pueden aparecer cuando el cabezal de fregado está sobre ella
  • [ADD] piel justthumbandbutton
  • [ADD] nuevo palo a modo de fondo
  • [ADD] nuevo modo de mancha de onda de la piel
  • [TWEAK] vista previa actualizada
  • [FIX] algunos errores
ACTUALIZACIÓN 1.10 [06/06/2013]
  • [Añadir] todo generador de flash de nuevo a las formas de onda [el antiguo html5 tenía algunos problemas de compatibilidad]
  • problemas de compatibilidad [FIX]

Reproductor de audio Características adicionales

Totalmente personalizable.
Puede desactivar scrubbar, controles de volumen, controles de pantalla completa en miniatura y mucho más. Puede personalizar todos los colores a través de CSS. El jugador de la izquierda utiliza la segunda piel del jugador. La primera piel es la piel de la onda de sonido en la parte superior.
Retina Ready.
Cada piel es totalmente sensible y la retina listo. Guau. El propio jugador ha sido probado en todos los principales navegadores, Firefox, Chrome, Opera, Safari, IE7-10. Y optimizado para las plataformas móviles iOS y Android.
Jugador mínima.
A veces más es menos, y este jugador tiene todos los escenarios cubiertos. Esto, a la derecha es la representación de la tercera piel del jugador, la aplicación mínima que incluso tiene controles de fregado (si hace clic en los márgenes).
Solo formato.
Del día de hoy html5 reproductores de audio requieren el mundo en diferentes formatos de audio. Pero no éste. Sólo se requiere MP3 y OGG es opcional.
Inteligente.
Puede colocar tantos jugadores en una página como desee. Si otro jugador está jugando y hace clic en uno diferente, el otro jugador va a dejar de jugar, sólo tratar aquí.
Múltiples fuentes.
Auto alojado audios no son su única opción. También puede reproducir flujos de YouTube o SoundCloud, o incluso las estaciones de radio Shoutcast *

* (Para Shoutcast) - Se debe comprobar primero si la corriente es de audio / mpeg. Tomemos, por ejemplo http://streamplus40.leonex.de:41364/if se abre esta en un navegador verá que tipo de contenido: audio / mpeg
Generador de forma de onda

Hay al menos 3 métodos para generar formas de onda

  • generar formas de onda con un panel de administración (waveformgenerator.php) - en la que puede cambiar el color, el multiplicador, el seguimiento de locatinon etc / basado en flash
  • generar formas de onda para todos los mp3 en una carpeta (wavegeneratorfromdir.php) / flash basada
  • generar formas de onda para canción.mp3 a wavesbg.png y wavesprog.png - estática (waveform.html) - que se puede editar HTML para diferentes colores, basada nombres / flash
  • waveformgenerator_html / por usar el generador de forma de onda html5 / HTML5 basado, no apoyo esto en el momento

Presentación de los dos primero método - https://youtu.be/WrTSB54oTkI

notas

  • pistas y las imágenes no están incluidos en el paquete de descarga.
  • utilizar el sistema de comentarios necesitará servidor php
  • youtube no funcionará como audio iDevices sino como un video debido a las limitaciones de la plataforma
  • la forma de onda es una imagen estática que no es auto generada por el reproductor de audio, sino por una herramienta incluida en el paquete de descarga. instrucciones completas se proporcionan en la forma de hacer esto y es un segundo trabajo 10 para cada pista, casi automático si tiene todas sus pistas en un directorio.

PF

En el reproductor más pequeño (el jugador circular en el lado derecho de la página de demostración) Me gustaría ser capaz de hacer que todo el jugador más grande. En lugar de 100px / 100px me gustaría 500px / 500px. ¿Dónde puedo cambiar esto? He editado el lienzo, pero ha ido más pequeño!
Basta con modificar la altura 100 de ancho y 100 en este pedazo de código y que debe estar bien (línea ~ 377)
 . _conPlayPause.children ( '. PlayBtn') append ( '<ancho de tela = "100" height = "100" class = "playBtn-lona" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playBtn-lona.') eq (0).get (0).; . _conPlayPause.children ( '. PauseBtn') append ( '<ancho de tela = "100" height = "100" class = "pauseBtn-lona" />'); 
puede este / hace esto de vinculación al sistema <audio> etiquetas?
No hay manera de unirse a la etiqueta de audio

Se va a crear una etiqueta de audio por su propio

pero creo que el formato es bastante fácil

 <Div id = clase "apsimple" = estilo "audioplayer-Tobe" = "width: 100%; margin-top: 0;" datos videotitle = "Audio Video" tipo de datos = "normal" data-source = "./ sonidos / adg3.mp3"> <Div class = "meta-artista"> <span class = "del artista"> Tim McMorris </ span> - Es un hermoso día </ div> </ Div> <Script> jQuery (document) ready (function ($) { dzsap_init ( "# apsimple", { reproducción automática: "off" }); }); </ Script> 
¿hay una manera de aceptar el formato de archivo MPEG solo de audio?

sólo puede tener.mp3 como la corriente como el ejemplo anterior y se va a utilizar la copia de seguridad de Flash para el navegador no compatible

créditos

Otros productos impresionantes


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
15 13 de abril

Última actualización:
19 16 de marzo

Alta resolución:

Los navegadores compatibles:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

archivos incluidos:
JS JavaScript, HTML, CSS

Versión del software:
HTML5

Palabras clave

eCommerce, eCommerce, Todos los artí, culos, audio, reproductor de audio, lona, css3, personalizable, html5, jQuery, medios de comunicació, n, mí, nimo, jugador, canció, n, soundcloud, sonidos, ola, Youtube