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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Introduktion

Vill du ha en tjusig, banbrytande, retina-klar, lyhörd HTML5 ljudspelare för din webbplats? ZoomSounds är den perfekta kandidaten. Med tre skinn för att passa varje varumärke, bara ett format som krävs för att fungera, ZoomSounds

Nytt - Med spellista

Nytt - WP version

Audio Player Funktioner

  • HTML5 teknik - detta galleri använder den senaste html5 tehniques att leverera en aldrig sett förut erfarenhet till dina kunder
  • helt lyhörda - snygg från mobil till HD
  • flash backup - IE7 och IE8 stöder inte HTML5, men dessa användare inte forgetten kommer ljudet spela för dem också via Flash Player
  • en obligatorisk format - det svåra görs av spelaren skript för att användaren har lätt erfarenhet redigering - bara mp3 krävs
  • touch med optimerad - Touch-enheter är inte glömt
  • fem skinn - för alla behov
  • tre skinn - tre fulla skinn för att passa varje varumärke
  • CSS3-teknik - spelaren använder banbrytande CSS3 definitioner
  • enkel installation - inköp, ladda ner zip, läsa docs
  • iPhone / iPad optimeras - detta galleri har optimerats för Apple touch-enheter
  • Android optimerad - denna komponent har testats på Android 4.0 och fungerar fantastiskt
  • utvecklare / SASS powered - denna komponent CSS har byggts ovanpå SASS vilket innebär SASS användare kommer att ha en lätt tid att ändra skinn. För icke-SASS användare är det inga problem, antingen på grund CSS-filer (som genereras av SASS) tillhandahålls
  • spelar från YouTube - strömmar YouTube ljud
  • spelar från Soundcloud - strömmar Soundcloud ljud med en API-nyckel
  • 100% css skinable - vill göra smärre ändringar av skinn? Skinnen är 100% byggs från css och det är mycket lätt att redigera med css kunskap
  • SEO vänlig - byggd med sökmotoroptimering på sinnet från grunden använder Vittnesmål Rotator icke dolda giltig HTML-kod för att bygga widgeten
  • kompatibel med alla större webbläsare, inklusive IE - kompatibel från IE7 till IE10, Chrome, Safari och Firefox

mobiloptimerade

Smooth på mobiler också på grund av
hårdvaruacceleration. Android 4.4+ Chrome
och iOS testedto leverera slät
erfarenhet

Kolla på video

Audio Player Uppdateringar

UPDATE 2,01 [2015/09/07]
  • [FIX] olika korrigeringar
UPDATE 2,00 [2015/01/20]
  • [ADD] lagt hud-aria
  • [ADD] lagt enable_easing alternativ på menyn rörelsen
  • [ADD] lagt Google Analytics händelse för lek
  • [ADD] alternativet för att ändra låten i en spelare (+ API-anrop)
  • [ADD] galleri hud - hud-standard eller hud-våg
  • [TWEAK] ändrade hud våg läge slick layout från absolut till relativ
UPDATE 1,62 [2014/07/03]
  • [FIX] autoplayNext tvingade självspelande till på
UPDATE 1,50 [2014/04/02]
  • [ADD] hud-pro
  • [TWEAK] uppdaterad förhandsvisning
  • [FIX] en del buggar i Safari
UPDATE 1,40 [2014/01/15]
  • [ADD] nu kommentarer kan visas när skurhuvudet är över den
  • [ADD] huden justthumbandbutton
  • [ADD] ny pinne till botten läge
  • [ADD] ny slick läget för hud-våg
  • [TWEAK] uppdaterad förhandsvisning
  • [Fix] en del buggar
UPDATE 1,10 [2013/06/06]
  • [Lägg] alla nya flash generator för vågformer [gamla html5 hade vissa kompatibilitetsproblem]
  • [Fix] kompatibilitetsproblem

Audio Player Extrafunktioner

Helt anpassningsbara.
Du kan inaktivera scrubbar, volymkontroller, fullscreen kontroller miniatyr och mer. Du kan anpassa alla färger via CSS. Spelaren till vänster använder andra hud för spelaren. Den första hud är ljudvågen huden på toppen.
Retina Ready.
Varje hud är helt lyhörd och retina-klar. Wow. Spelaren själv har testats på alla större webbläsare, Firefox, Chrome, Opera, Safari, IE7-10. Och optimerad för iOS och Android mobila plattformar.
Minimal Player.
Ibland mer är mindre, och den här spelaren har varje scenario omfattas. Detta i höger är representationen av den tredje huden på spelare, en minimal genomförande som även har skrubba kontroller (om du klickar på marginalerna).
Endast ett format.
Todays HTML5 ljudspelare kräver världen i olika ljudformat. Men inte här. Endast mp3 krävs och ogg är valfri.
Smart.
Du kan placera så många spelare på en sida som du vill. Om en annan spelare spelar och du klickar på en annan, kommer den andra spelaren sluta spela, bara prova här.
Flera källor.
Själv värd ljudet är inte det enda alternativet. Du kan också spela strömmar från YouTube eller Soundcloud, eller till och med Shoutcast radiostationer *

* (För Shoutcast) - Du måste först kontrollera om strömmen är audio / mpeg. Låt oss ta till exempel http://streamplus40.leonex.de:41364/if du öppnar i en webbläsare kommer du att se att Content Type: audio / mpeg
Waveform Generator

Det finns minst 3 metoder för att generera vågformer

  • generera vågformer med en admin panel (waveformgenerator.php) - där du kan ändra färg, multiplikator, spåra locatinon etc / flash-baserad
  • generera vågformer för alla MP3-filer i en mapp (wavegeneratorfromdir.php) / flash-baserad
  • generera vågform för song.mp3 att wavesbg.png och wavesprog.png - statisk (waveform.html) - du kan redigera html för olika färger, namn / flash-baserad
  • waveformgenerator_html / för att använda html5 vågformsgeneratorn / html5 baserad, jag stöder inte detta just nu

Presentation för två första metoden - https://youtu.be/WrTSB54oTkI

Anmärkningar

  • spår och bilder ingår inte i paketet för nedladdning.
  • att använda kommentera system du behöver php server
  • youtube fungerar inte som ljud på iDevices utan som en video på grund av plattformsbegränsningar
  • vågformen är en statisk bild är det inte automatiskt genereras av ljudspelare, men med ett verktyg som ingår i paketet för nedladdning. fullständiga instruktioner ges om hur man gör detta och det är en 10 andra jobb för varje spår, nästan automatiskt om du har alla dina spår i en katalog.

FAQ

I mindre spelare (den runda aktör på den högra sidan av demosida) skulle jag vilja kunna göra hela spelaren större. I stället för 100px / 100px vill jag 500px / 500px. Var ändrar jag det? Jag har redigerat duken men det har gått mindre!
Bara redigera 100 bredd och 100 höjd i denna del av koden och du bör vara okej (linje ~ 377)
 . _conPlayPause.children ( ". Playbtn) bifoga ( '<canvas width =" 100 "height =" 100 "class =" playbtn-duk "/>'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn-duk.') ekv (0).Skaffa (0).; . _conPlayPause.children ( ". Pausebtn) bifoga ( '<canvas width =" 100 "height =" 100 "class =" pausebtn-duk "/>'); 
kan detta / gör detta binder till <ljud> taggar?
Det finns inget sätt att binda till audio taggen

Det kommer att skapa en ljud tagg av det egna

men jag tror att formatet är ganska lätt

 <Div id = "apsimple" class = "Audio-Tobe" style = "width: 100%; margin-top: 0;" data videotitle = "Audio Video" datatyp = "normal" data source = "./ ljud / adg3.mp3"> <Div class = "meta-artist"> <span class = "the artist"> Tim McMorris </ span> - Det är en vacker dag </ div> </ Div> <Script> jQuery (dokument).ready (function ($) { dzsap_init ( "# apsimple", { självspelande: "off" }); }); </ Script> 
Finns det något sätt att ta emot MPEG-format ljud endast?

du kan bara ha Mp3 som strömmen som exemplet ovan och det kommer att använda Flash Backup för webbläsare som inte stöds

krediter

Andra Enorma produkter


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
15 April 13

Senaste uppdateringen:
19 mars 16

Hög upplösning:
Ja

kompatibla Webbläsare:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

filer ingår:
JavaScript JS, HTML, CSS

Mjukvaru-version:
HTML5

Nyckelord

e-handel, e-handel, Alla objekt, audio, ljudspelare, duk, CSS3, customizable, html5, jquery, media, minimal, spelare, lå, t, soundcloud, ljud, vå, g, youtube