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

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Intro

Vil du ha en kjekk liten, cutting-edge, retina-klar, responsive HTML5 lydavspiller for nettstedet ditt? ZoomSounds er den perfekte kandidaten. Med tre skins å passe hver merkevare, bare ett format som kreves for å fungere, ZoomSounds

New - Med spilleliste

Ny - WP versjon

Audio Player Funksjoner

  • HTML5-teknologi - dette galleriet bruker de nyeste HTML5 tehniques å levere en aldri sett før erfaring til dine kunder
  • fullt responsive - ser bra ut fra mobil til HD
  • flash backup - IE7 og IE8 ikke støtter HTML5, men disse brukerne ikke forgetten, vil lyden spille for dem også via flash player
  • en obligatorisk format - den harde delen er gjort av spilleren script for at brukeren skal ha enkel opplevelse redigering - bare mp3 kreves
  • berøre optimalisert - touch-enheter er ikke glemt
  • fem skinn - for alle behov
  • tre skinn - tre fulle skins som passer til alle merkevare
  • CSS3 teknologi - denne spilleren bruker cutting-edge CSS3 definisjoner
  • enkel å installere - kjøp, laste ned zip, lese docs
  • iPhone / iPad optimalisert - dette galleriet er optimalisert for Apple touch-enheter
  • Android optimalisert - denne komponenten har blitt testet på Android 4.0 og fungerer kjempebra
  • utbygger / SASS drevet - denne komponenten CSS er bygget på toppen av SASS som betyr Sass brukere vil ha en lett tid å endre skins. For ikke-Sass brukere er det heller ikke noe problem fordi CSS-filer (generert av SASS) er gitt
  • spiller fra YouTube - streamer YouTube lyd
  • spiller fra Soundcloud - bekker Soundcloud lyd med en API-nøkkel
  • 100% css skinable - ønsker å gjøre små endringer i skinnet? Skinnene er 100% bygget fra css, og det er veldig enkelt å redigere med css kunnskap
  • SEO vennlig - bygget med søkemotoroptimalisering på tankene fra grunnen av, bruker Testimonial Rotator ikke skjult gyldig html kode til å bygge widgeten
  • kompatibel med alle de store nettleserne, inkludert IE ​​- kompatibel fra IE7 til IE10, Chrome, Safari og Firefox

Mobile optimalisert

Glatt på mobiler også på grunn av
maskinvareakselerasjon. Android 4.4 Chrome
og iOS testedto levere super glatt
erfaring

Se på video

Audio Player oppdateringer

OPPDATERING 2.01 [09/07/2015]
  • [FIX] ulike reparasjoner
OPPDATERING 2.00 [01/20/2015]
  • [ADD] lagt skin-aria
  • [ADD] lagt enable_easing alternativ på menyen bevegelse
  • [ADD] lagt Google analytics begivenhet for lek
  • [ADD] mulighet for å endre sangen i en spiller (+ API-kall)
  • [ADD] galleri hud - hud-standard eller hud-bølge
  • [TWEAK] endret huden bølgemodus glatt layout fra absolutte til relative
OPPDATERING 1.62 [07/03/2014]
  • [FIX] autoplayNext tvunget autoplay til på
OPPDATERING 1.50 [04/02/2014]
  • [Legg til] skin-pro
  • [TWEAK] oppdatert forhåndsvisning
  • [FIX] noen bugs i Safari
OPPDATERING 1.40 [01/15/2014]
  • [ADD] nå kommentarer kan vises når skrubbehodet er over det
  • [Legg til] skin-justthumbandbutton
  • [ADD] ny pinne til bunn modus
  • [ADD] ny glatt modus for hud-bølge
  • [TWEAK] oppdatert forhåndsvisning
  • [FIX] noen bugs
OPPDATERING 1.10 [06/06/2013]
  • [Legg til] alle nye flash generator for kurvene [den gamle HTML5 hadde noen kompatibilitetsproblemer]
  • [fix] kompatibilitetsproblemer

Audio Player Ekstra funksjoner

Fullt tilpasses.
Du kan deaktivere scrubbar, volumkontroller, fullscreen kontroller miniatyr og mer. Du kan tilpasse alle farger via CSS. Spilleren til venstre bruker andre huden på spilleren. Den første huden blir lydbølgen hud på toppen.
Retina Ready.
Hver hud er fullt responsiv og retina-klar. Wow. Spilleren selv har blitt testet på alle de store nettleserne, Firefox, Chrome, Opera, Safari, IE7-10. Og optimalisert for iOS og Android mobile plattformer.
Minimal Player.
Noen ganger mer er mindre, og denne spilleren har hvert scenario dekket. Dette i riktig er representasjon av den tredje huden av spilleren, en minimal implementering som selv har kratt kontroller (hvis du klikker på marginene).
Kun ett format.
Dagens HTML5 lydspillere krever hele verden i ulike lydformater. Men ikke denne. Bare mp3 er nødvendig og ogg er valgfritt.
Smart.
Du kan plassere så mange spillere på en side som du ønsker. Hvis en annen spiller spiller og du klikker på en annen, vil den andre spilleren slutter å spille, bare prøve her.
Flere kilder.
Selv vert hørlig er ikke det eneste alternativet. Du kan også spille strømmer fra YouTube eller Soundcloud, eller til og med Shoutcast radiostasjoner *

* (For Shoutcast) - Du må først sjekke om strømmen er audio / mpeg. La oss ta for eksempel http://streamplus40.leonex.de:41364/if du åpner denne i en nettleser vil du se at innholdstype: audio / mpeg
Waveform Generator

Det er minst 3 metoder for å generere bølgeformer

  • generere bølgeformer med en admin panel (waveformgenerator.php) - som du kan endre farge, multiplikator, spore locatinon etc / flashbasert
  • generere bølgeformer for alle mp3s i en mappe (wavegeneratorfromdir.php) / flashbasert
  • generere bølgeform for song.mp3 å wavesbg.png og wavesprog.png - statisk (waveform.html) - du kan redigere html for forskjellige farger, navn / flashbasert
  • waveformgenerator_html / for bruk av HTML5 bølgeform generator / HTML5-basert, jeg støtter ikke denne i øyeblikket

Presentasjon for de to første metoden - https://youtu.be/WrTSB54oTkI

Merknader

  • spor og bilder er ikke inkludert i nedlastingen.
  • å bruke kommentarsystemet du trenger php server
  • youtube vil ikke fungere som lyd på iDevices men som en video på grunn av begrensninger plattform
  • bølgeformen er et statisk bilde er det ikke automatisk generert av lydspiller, men etter et verktøy inkludert i nedlastingen. fullstendige instruksjoner gis om hvordan du gjør dette, og det er en 10 sekunders jobb for hvert spor, nesten automatisk hvis du har alle dine spor i en katalog.

FAQ

I mindre spiller (den runde spilleren på høyre side av demosiden) vil jeg gjerne være i stand til å gjøre hele spilleren større. I stedet for 100px / 100px vil jeg gjerne 500px / 500px. Der jeg endre dette? Jeg har redigert på lerretet, men det har gått mindre!
Bare redigere 100 bredde og 100 høyde i denne del av koden, og du bør være OK (linje ~ 377)
 . _conPlayPause.children ( '. Playbtn') føye ( '<canvas width = "100" height = "100" class = "playbtn-lerret" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn-lerret.') EQ (0).Få (0).; . _conPlayPause.children ( '. Pausebtn') føye ( '<canvas width = "100" height = "100" class = "pausebtn-lerret" />'); 
kan dette / gjør dette binder til <audio> kodene?
Det er ingen måte å binde seg til lyd tag

Det vil skape en lyd tag av sin egen

men jeg tror formatet er ganske lett

 <Div id = "apsimple" class = "Audioplayer-tobe" style = "width: 100%; margin-top: 0;" data-videotitle = "Audio Video" data-type = "normal" data-source = "./ lyder / adg3.mp3"> <Div class = "meta-artist"> <span class = "the-artist"> Tim McMorris </ span> - Det er en vakker dag </ div> </ Div> <Script> jQuery (document).ready (function ($) { dzsap_init ( "# apsimple", { autoplay: "off" }); }); </ Script> 
er det en måte å akseptere MPEG-filformatet bare lyd?

Du kan bare ha.mp3 som bekken som i eksempelet ovenfor, og den vil bruke Flash Backup for nettleser som ikke støttes

studiepoeng

Andre Awesome Produkter


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
15.04.13

Siste oppdatering:
19 mars 16

Høy oppløsning:
Ja

kompatible nettlesere:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS, HTML, CSS

Programvareversjon:
HTML5

Søkeord

eCommerce, eCommerce, Alle ting, lyd, lydspiller, lerret, CSS3, passelig, HTML5, jquery, media, minimal, spiller, sang, Soundcloud, lyder, bø, lge, youtube