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 per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Intro

Vuoi un elegante, all'avanguardia, Retina-ready, lettore audio HTML5 reattivo per il tuo sito? ZoomSounds è il candidato perfetto. Con tre pelli per adattarsi a ogni marca, un solo formato necessario per funzionare, ZoomSounds

Nuovo - Con Playlist

Nuovo - WP versione

Caratteristiche Audio Player

  • La tecnologia HTML5 - questa galleria utilizza le più recenti tehniques HTML5 per fornire un mai visto prima esperienza per i vostri clienti
  • pienamente rispondente - sembra grande da cellulare a HD
  • Flash di backup - IE7 e IE8 non supportano HTML5, ma gli utenti non sono forgetten, i suoni vengono riprodotti anche per loro tramite flash player
  • un formato obbligatoria - la parte difficile è fatta dallo script giocatore in modo che l'utente di avere un facile editing esperienza - è necessario solo mp3
  • toccare ottimizzati - dispositivi touch non sono stati dimenticati
  • cinque pelli - per ogni esigenza
  • tre pelli - tre pelli pieno per soddisfare ogni marca
  • La tecnologia CSS3 - questo giocatore utilizza le definizioni all'avanguardia CSS3
  • facile installare - acquisto, scaricare la zip, leggere la documentazione
  • iPhone / iPad ottimizzato - questa galleria è stato ottimizzato per i dispositivi touch di Apple
  • Android ottimizzato - questo componente è stato testato su Android 4.0 e funziona impressionante
  • sviluppatore / SASS alimentato - CSS di questo componente è stato costruito in cima SASS il che significa che gli utenti SASS avranno vita facile modificare le bucce. Per gli utenti non SASS non c'è o perché i file CSS problema (generati dal SASS) sono forniti
  • gioca da YouTube - flussi audio YouTube
  • gioca da SoundCloud - torrenti SoundCloud audio con una chiave API
  • 100% css skinable - vuole fare piccole modifiche alle pelli? Le pelli sono al 100% costruite dal CSS ed è molto facile da modificare con la conoscenza css
  • SEO friendly - costruito con l'ottimizzazione dei motori di ricerca sulla mente dalla terra in su, il Testimonial Rotator usi non nascosto valido markup HTML per costruire il widget
  • compatibile con tutti i principali browser, tra cui Internet Explorer - compatibile da IE7 a IE10, Chrome, Safari e Firefox

ottimizzato per i cellulari

Smooth sui cellulari anche a causa della
accelerazione hardware. Android 4.4+ Chrome
e iOS testedto fornire super liscio
Esperienza

Guarda un video

Audio Player Aggiornamenti

UPDATE 2.01 [2015/09/07]
  • [Fix] varie correzioni
UPDATE 2.00 [2015/01/20]
  • [ADD] aggiunto pelle-aria
  • [ADD] Aggiunta l'opzione sul movimento menù enable_easing
  • [ADD] aggiunto evento Google Analytics per il gioco
  • [ADD] opzione per cambiare la canzone in un lettore (+ chiamata API)
  • [ADD] pelle galleria - pelle-default o la pelle-wave
  • [TWEAK] ha cambiato modalità onda pelle liscia di layout da assoluta a relativa
UPDATE 1.62 [2014/07/03]
  • [FIX] autoplayNext costretto autoplay per il
UPDATE 1.50 [2014/04/02]
  • [ADD] pelle-pro
  • [TWEAK] anteprima aggiornato
  • [FIX] alcuni bug in Safari
UPDATE 1.40 [2014/01/15]
  • [ADD] ora commenti possono apparire quando la testina di pulizia è finita
  • [ADD] pelle justthumbandbutton
  • [ADD] nuovo bastone alla modalità fondo
  • [ADD] nuova modalità chiazza di petrolio per la pelle-wave
  • [TWEAK] anteprima aggiornato
  • [Fix] alcuni bug
UPDATE 1.10 [06.06.2013]
  • [Aggiungi] tutto nuovo generatore di Flash per le forme d'onda [il vecchio HTML5 ha avuto alcuni problemi di compatibilità]
  • [Fix] problemi di compatibilità

Audio Player Caratteristiche aggiuntive

Completamente personalizzabile.
È possibile disattivare scrubbar, controlli di volume, i controlli a tutto schermo delle miniature e altro ancora. È possibile personalizzare tutti i colori tramite CSS. Il giocatore a sinistra utilizza la seconda pelle del giocatore. La prima pelle è la pelle onda sonora in alto.
Retina pronto.
Ogni pelle è completamente reattivo e della retina-ready. Wow. Il giocatore si è stato testato su tutti i principali browser, Firefox, Chrome, Opera, Safari, IE7-10. E ottimizzato per le piattaforme mobili iOS e Android.
Player Minimal.
A volte più è meno, e questo giocatore ha tutti gli scenari coperto. Questo a destra è la rappresentazione della terza pelle del giocatore, un'implementazione minimale che ha anche controlli macchia (se si fa clic sui margini).
Un solo formato.
Oggi HTML5 lettori audio richiedono il mondo in diversi formati audio. Ma non questo. E 'richiesto solo mp3 e ogg è opzionale.
Inteligente.
È possibile inserire il maggior numero di giocatori in una pagina come si desidera. Se un altro giocatore sta giocando e si fa clic su uno diverso, l'altro giocatore si smettere di giocare, solo provare qui.
Fonti multiple.
Self hosted audio non sono l'unica opzione. È inoltre possibile riprodurre i flussi da YouTube o SoundCloud, o anche stazioni radio Shoutcast *

* (Per Shoutcast) - È necessario innanzitutto verificare se il flusso è audio / mpeg. Prendiamo ad esempio http://streamplus40.leonex.de:41364/if si apre questo in un browser si vedrà che tipo di contenuto: audio / mpeg
Waveform Generator

Ci sono almeno 3 metodi per generare forme d'onda

  • generare forme d'onda con un pannello di amministrazione (waveformgenerator.php) - su cui è possibile cambiare il colore, il moltiplicatore, traccia locatinon etc / basato su flash
  • generare forme d'onda per tutti gli mp3 in una cartella (wavegeneratorfromdir.php) / basato su flash
  • generare forme d'onda per song.mp3 a wavesbg.png e wavesprog.png - static (waveform.html) - è possibile modificare che HTML per colori diversi, in base nomi / flash
  • waveformgenerator_html / per l'utilizzo del generatore di forme d'onda HTML5 / HTML5 base, non sostengo questo al momento

Presentazione per i primi due modalità - https://youtu.be/WrTSB54oTkI

Note

  • tracce e le immagini non sono inclusi nel pacchetto di download.
  • utilizzare sistema di commento è necessario server di php
  • youtube non funzionerà come audio iDevices ma come un video a causa delle limitazioni della piattaforma
  • la forma d'onda è un'immagine statica non è auto generato dal lettore audio, ma con uno strumento incluso nel pacchetto scaricato. le istruzioni complete sono disponibili su come fare questo ed è un secondo lavoro 10 per ogni traccia, quasi automatico se si dispone di tutte le tracce in una directory.

FAQ

Nella giocatore più piccolo (il giocatore circolare sul lato destro della pagina demo) Mi piacerebbe essere in grado di fare tutto il giocatore più grande. Invece di 100px / 100px Vorrei 500px / 500px. Dove faccio a cambiare questo? Ho modificato la tela, ma è andato più piccolo!
Basta modificare il 100 di larghezza e 100 di altezza in questo pezzo di codice e si dovrebbe essere alright (linea ~ 377)
 . _conPlayPause.children ( '. PlayBtn') aggiungere ( '<width tela = "100" height = "100" class = "playBtn-tela" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playBtn-tela.') eq (0).get (0).; . _conPlayPause.children ( '. PauseBtn') aggiungere ( '<width tela = "100" height = "100" class = "pauseBtn-tela" />'); 
può questo / Questo legarsi al <audio> tag?
Non c'è modo di legarsi al tag audio

Si creerà un tag audio da essa la propria

ma penso che il formato è abbastanza facile

 <Div id = "apsimple" class = stile "audioplayer-tobe" = "width: 100%; margin-top: 0;" Dati-videotitle = "Video Audio" data-type = "normal" data-source = "./ suoni / adg3.mp3"> <Div class = "meta-artista"> <span class = "l'artista"> Tim McMorris </ span> - E 'una bella giornata </ ​​div> </ Div> <Script> jQuery (document).ready (function ($) { dzsap_init ( "# apsimple", { autoplay: "off" }); }); </ Script> 
c'è un modo per accettare formato file MPEG solo audio?

si può avere solo.mp3 come il flusso di come l'esempio di cui sopra e si utilizzerà il backup Flash per il browser non supportato

Crediti

Altri prodotti impressionanti


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
15 aprile 13

Ultimo aggiornamento:
19 Marzo 16

Alta risoluzione:

Browser compatibili:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS

Versione software:
HTML5

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, Audio, lettore audio, tela, css3, personalizzabile, HTML5, jquery, media, minimo, giocatore, canzone, Soundcloud, suoni, onda, Youtube