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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Intro

Vil du have en fiks, cutting-edge, nethinde-klar, lydhør html5 lydafspiller til dit websted? ZoomSounds er den perfekte kandidat. Med tre skind til at passe hver mærke kun ét format kræves for at fungere, ZoomSounds

Nyt - Med afspilningsliste

Nyt - WP Version

Audio Player Features

  • HTML5-teknologi - dette galleri bruger den nyeste HTML5 tehniques at levere en aldrig set før erfaring til dine kunder
  • fuldt lydhør - ser store fra mobil til HD
  • flash backup - IE7 og IE8 ikke understøtter HTML5, men disse brugere er ikke forgetten, vil lydene spille for dem også via flash player
  • en obligatorisk format - den hårde del er udført af spilleren script, for at brugeren har nem oplevelse redigering - kun mp3 kræves
  • støt optimeret - touch-enheder er ikke glemt
  • fem skind - til ethvert behov
  • tre skind - tre fulde skind til at passe hvert mærke
  • CSS3 teknologi - denne spiller bruger cutting-edge CSS3 definitioner
  • nem installation - køb, download zip, læse docs
  • iPhone / iPad optimeret - dette galleri er optimeret til Apple touch-enheder
  • Android optimeret - denne komponent er blevet testet på Android 4.0 og fungerer fantastisk
  • udvikler / Sass drevne - denne komponent er CSS er bygget på toppen af Sass, hvilket betyder SASS brugere vil have en nem tid at ændre skind. For ikke-SASS brugere det ikke noget problem, enten fordi CSS-filer (genereret af Sass) leveres
  • spiller fra YouTube - streams YouTube-lyd
  • spiller fra SoundCloud - vandløb SoundCloud lyd med en API nøgle
  • 100% css skinable - ønsker at gøre mindre ændringer til skind? Skindene er 100% bygget fra css, og det er meget nemt at redigere med css viden
  • SEO venlige - bygget med søgemaskineoptimering på tankerne fra jorden op, bruger den Testimonial Rotator ikke skjult gyldigt html markup til at bygge widget
  • kompatibel med alle større browsere, herunder IE - kompatibel fra IE7 til IE10, Chrome, Safari og Firefox

Mobile optimeret

Glat på mobiltelefoner også på grund af
hardwareacceleration. Android 4.4 Chrome
og iOS testedto levere super glat
erfaring

Se video

Audio Player-opdateringer

UPDATE 2.01 [2015/09/07]
  • [FIX] forskellige rettelser
UPDATE 2.00 [2015/01/20]
  • [ADD] tilføjede hud-arie
  • [ADD] tilføjede enable_easing i menuen bevægelse
  • [ADD] tilføjede Google Analytics begivenhed til leg
  • [ADD] mulighed for at ændre sangen i en spiller (+ API opkald)
  • [ADD] galleri hud - hud-default eller hud-bølge
  • [TWEAK] ændrede hud bølge tilstand slick layout fra absolut til relativ
UPDATE 1.62 [2014/07/03]
  • [FIX] autoplayNext tvunget autoplay til på
UPDATE 1.50 [2014/04/02]
  • [ADD] skin-pro
  • [TWEAK] opdateret forhåndsvisning
  • [FIX] nogle fejl i Safari
UPDATE 1.40 [2014/01/15]
  • [ADD] nu kommentarer kan vises, når skrubbehovedet er over det
  • [ADD] skin-justthumbandbutton
  • [ADD] ny pind til bund tilstand
  • [ADD] nye slick mode for hud-bølge
  • [TWEAK] opdateret forhåndsvisning
  • [FIX] nogle bugs
UPDATE 1.10 [2013/06/06]
  • [Tilføj] alle nye flash generator for kurverne [den gamle html5 havde nogle kompatibilitetsproblemer]
  • [fix] kompatibilitetsproblemer

Audio Player Ekstra funktioner

Fuldt tilpasses.
Du kan deaktivere scrubbar, volumen kontrol, fullscreen kontrol miniature og mere. Du kan tilpasse alle farver via CSS. Spilleren til venstre bruger anden hud af afspilleren. Den første hud er lydbølgen huden på toppen.
Retina Ready.
Hver hud er fuldt lydhør og nethinde-klar. Wow. Spilleren selv er blevet testet på alle større browsere, Firefox, Chrome, Opera, Safari, IE7-10. Og optimeret til iOS og Android mobile platforme.
Minimal Player.
Nogle gange mere er mindre, og denne spiller har hver scenario dækket. Dette i højre er repræsentationen af ​​den tredje hud af afspilleren, en minimal implementering, som selv har krat kontroller (hvis du klikker på margenerne).
Only One Format.
Dagens HTML5 musikafspillere kræver verden i forskellige lydformater. Men ikke denne. Kun mp3 er påkrævet, og ogg er valgfrit.
Smart.
Du kan placere så mange spillere på en side, som du ønsker. Hvis en anden spiller spiller, og du klikker på en anden, vil den anden spiller stoppe med at spille, bare prøve i her.
Flere kilder.
Self vært lydbånd er ikke din eneste mulighed. Du kan også afspille streams fra YouTube eller SoundCloud, eller endda Shoutcast radiostationer *

* (For Shoutcast) - Du skal først kontrollere, om strømmen er audio / mpeg. Lad os tage for eksempel http://streamplus40.leonex.de:41364/if du åbner dette i en browser, du vil se, at Indholdstype: audio / mpeg
Waveform Generator

Der er mindst 3 metoder til at generere bølgeformer

  • generere kurver med en admin panel (waveformgenerator.php) - hvor du kan ændre farve, multiplikator, spore locatinon etc / flash-baseret
  • generere kurver for alle MP3-filer i en mappe (wavegeneratorfromdir.php) / flash-baseret
  • generere bølgeform for song.mp3 at wavesbg.png og wavesprog.png - statisk (waveform.html) - du kan redigere, at html for forskellige farver, navne / flash-baseret
  • waveformgenerator_html / for brug af html5 bølgeform generator / html5 baseret, jeg støtter ikke dette i øjeblikket

Præsentation for de to første metode - https://youtu.be/WrTSB54oTkI

Noter

  • spor og billeder er ikke inkluderet i download-pakken.
  • at bruge kommentere system, du får brug for php-server
  • youtube vil ikke arbejde som lyd på iDevices men som en video på grund af de begrænsninger platform
  • bølgeform er et statisk billede er det ikke automatisk genereret af lydafspiller, men ved et værktøj inkluderet i download-pakken. komplette instruktioner findes på, hvordan du gør dette, og det er en 10 andet job for hvert spor, næsten automatisk, hvis du har alle dine numre i en mappe.

FAQ

I den mindre spiller (den cirkulære spiller på højre side af din demo siden), ville jeg gerne være i stand til at gøre hele spiller større. I stedet for 100px / 100px vil jeg gerne 500px / 500px. Hvor ændrer jeg det? Jeg har redigeret lærredet, men det er gået mindre!
Bare redigere 100 bredde og 100 højde i dette stykke kode, og du bør være i orden (linje ~ 377)
 . _conPlayPause.children (. Playbtn «) tilføje ( '<canvas width =" 100 "height =" 100 "class =" playbtn-lærred "/>'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn-lærredet. «) eq (0).Få (0).; . _conPlayPause.children (. Pausebtn «) tilføje ( '<canvas width =" 100 "height =" 100 "class =" pausebtn-lærred "/>'); 
kan denne / gør dette binder til <audio> tags?
Der er ingen måde at binde til audio tag

Det vil skabe en lyd-tag ved sin egen

men jeg tror, ​​at formatet er forholdsvis let

 <Div id = class "apsimple" = "AudioPlayer-tobe" style = "width: 100%; margin-top: 0;" data-videotitle = "Audio Video" data-type = "normal" data-source = "./ lyde / adg3.mp3"> <Div class = "meta-kunstner"> <span class = "the-kunstner"> Tim McMorris </ span> - Det er en smuk dag </ div> </ Div> <Script> jQuery (dokument).ready (funktion ($) { dzsap_init ( "# apsimple", { autoplay: "off" }); }); </ Script> 
er der en måde at acceptere MPEG-filformat audio-only?

du kan kun have.mp3 som åen som i eksemplet ovenfor, og det vil bruge Flash Backup for ikke-understøttet browser

Credits

Andre Awesome produkter


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
15 april 13

Sidste ændring:
19 marts 16

Høj opløsning:
Ja

Kompatible Browsere:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, HTML, CSS

Software Version:
HTML5

Søgeord

eCommerce, eCommerce, Alle artikler, lyd, lydafspiller, læ, rred, CSS3, tilpasses, html5, jquery, medier, minimal, spiller, sang, SoundCloud, lyde, bø, lge, youtube