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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Audio Player Intro

Wilt u een handige, cutting-edge, retina-ready, responsieve html5 audiospeler voor uw site? ZoomSounds is de perfecte kandidaat. Met drie skins om elk merk past slechts één formaat nodig om te functioneren, ZoomSounds

Nieuw - Met Playlist

Nieuw - WP Version

Audio Player Features

  • HTML5-technologie - deze galerij maakt gebruik van de nieuwste HTML5 tehniques leveren een nooit eerder gezien de ervaring om uw klanten
  • volledig responsief - ziet er geweldig uit mobiele telefoon om HD
  • flash back-up - IE7 en IE8 geen ondersteuning voor html5, maar die gebruikers niet forgetten, zal de geluiden te spelen voor hen via de flash player
  • één verplichte formaat - het harde deel wordt gedaan door de speler script, zodat de gebruiker gemakkelijk ervaring editing hebben - alleen mp3 vereist
  • tik geoptimaliseerd - touch-apparaten worden niet vergeten
  • vijf skins - voor elke behoefte
  • drie skins - drie volle skins voor elk merk past
  • CSS3-technologie - deze speler maakt gebruik van cutting-edge CSS3 definities
  • eenvoudig te installeren - de aankoop, het downloaden van de zip, lees de docs
  • iPhone / iPad geoptimaliseerde - deze galerie is geoptimaliseerd voor Apple touch-apparaten
  • Android geoptimaliseerde - dit onderdeel is getest op Android 4.0 en werkt geweldig
  • developer / SASS aangedreven - CSS van dit onderdeel is gebouwd op de top van SASS wat betekent SASS gebruikers een gemakkelijke tijd het wijzigen van de huid te hebben. Voor niet-SASS gebruikers is het geen probleem, omdat CSS-bestanden (gegenereerd door SASS) zijn voorzien
  • speelt van YouTube - streams YouTube audio
  • speelt van SoundCloud - streams SoundCloud audio met een API-sleutel
  • 100% css skinable - willen lichte wijzigingen aan te brengen om de huiden? De skins zijn 100% opgebouwd uit de css en het is heel gemakkelijk te bewerken met css kennis
  • SEO vriendelijk - gebouwd met zoekmachine optimalisatie op de geest van de grond af, maakt gebruik van de Testimonial Rotator niet verborgen geldig html-opmaak van de widget te bouwen
  • compatibel met alle belangrijke browsers, waaronder Internet Explorer - compatibele van IE7 naar IE10, Chrome, Safari en Firefox

Mobile Optimized

Smooth op mobiele telefoons ook vanwege
hardware acceleratie. Android 4.4+ Chrome
en iOS testedto leveren superglad
ervaring

Bekijk de video

Audio Player Updates

UPDATE 2.01 [2015/09/07]
  • [FIX] diverse fixes
UPDATE 2.00 [2015/01/20]
  • [ADD] toegevoegd skin-aria
  • [ADD] toegevoegd enable_easing optie in het menu beweging
  • [ADD] toegevoegd google analytics evenement om te spelen
  • [ADD] optie voor het wijzigen van het lied in een speler (+ API call)
  • [ADD] galerij huid - huid-default of skin-wave
  • [TWEAK] veranderd huid wave mode strakke lay-out van absolute naar relatieve
UPDATE 1.62 [2014/07/03]
  • [FIX] autoplayNext gedwongen autoplay op
UPDATE 1.50 [2014/04/02]
  • [ADD] skin-pro
  • [TWEAK] bijgewerkt voorvertoning
  • [FIX] een aantal bugs in Safari
UPDATE 1.40 [2014/01/15]
  • [ADD] nu commentaar kan worden weergegeven als de schrobkop is eroverheen
  • [ADD] skin-justthumbandbutton
  • [ADD] nieuwe stok om bottom-modus
  • [ADD] nieuwe slick-modus voor de huid-wave
  • [TWEAK] bijgewerkt voorvertoning
  • [FIX] een aantal bugs
UPDATE 1.10 [2013/06/06]
  • [Toevoegen] alle nieuwe flash generator voor de golfvormen [de oude html5 had wat compatibiliteitsproblemen]
  • [Fix] compatibiliteitsproblemen

Audio Player Extra Features

Volledig Klantgericht.
U kunt scrubbar, volumeregeling, fullscreen controles verkleinde en nog veel meer uit te schakelen. U kunt alle kleuren aanpassen via CSS. De speler links gebruikt de tweede huid van de speler. De eerste oppervlaktelaag die de geluidsgolf huid op de top.
Retina-Ready.
Elke huid is volledig responsief en retina-ready. Wauw. De speler zelf is getest op alle belangrijke browsers, Firefox, Chrome, Opera, Safari, IE7-10. En geoptimaliseerd voor de iOS en Android mobiele platformen.
Minimal Player.
Soms is er meer is minder, en deze speler heeft elk scenario gedekt. Dit is op de rechterkant is de vertegenwoordiging van de derde huid van de speler, een minimale implementatie die heeft zelfs scrub controles (als u klikt op de marges).
Slechts één formaat.
Todays html5 audiospelers eisen dat de wereld in verschillende audioformaten. Maar niet deze. Alleen mp3 is verplicht en ogg is optioneel.
Slim.
U kunt zoveel spelers op een pagina als u wilt. Als een andere speler speelt en u klikt op een ander, zal de andere speler stoppen met spelen, probeer hier.
Meerdere bronnen.
Zelf gehoste audio zijn niet je enige optie. U kunt ook streams afspelen van YouTube of SoundCloud, of zelfs Shoutcast radiostations *

* (Voor Shoutcast) - U moet eerst controleren of de stroom is audio / mpeg. Laten we bijvoorbeeld http://streamplus40.leonex.de:41364/if u deze te openen in een browser u dat Content Type zien: audio / mpeg
waveform Generator

Er zijn tenminste 3 methoden om golfvormen te genereren

  • genereren van golfvormen met een admin panel (waveformgenerator.php) - waar je kleur, multiplier kan veranderen, volgen locatinon etc / flash-gebaseerde
  • genereren van golfvormen voor alle mp3's in een map (wavegeneratorfromdir.php) / flash gebaseerde
  • genereren golfvorm voor song.mp3 om wavesbg.png en wavesprog.png - statische (waveform.html) - kunt u die html voor verschillende kleuren te bewerken, namen / flash gebaseerde
  • waveformgenerator_html / voor het gebruik van de HTML5 golfvorm generator / html5 gebaseerd, Ik sta niet achter dit op dit moment

Presentatie voor de eerste twee methode - https://youtu.be/WrTSB54oTkI

Notes

  • tracks en foto's zijn niet inbegrepen in het downloadpakket.
  • om commentaar systeem dat u zult php server moeten gebruiken
  • YouTube zal niet zo audio op iDevices, maar als een video werken als gevolg van het platform beperkingen
  • de golfvorm is een statisch beeld is het niet automatisch gegenereerd door de audiospeler, maar door een instrument opgenomen in het downloadpakket. volledige instructies worden verstrekt over hoe dit te doen en het is een 10 tweede baan voor elk spoor, bijna automatisch als u al uw tracks in een directory.

FAQ

In de kleinere speler (de circulaire speler op de rechterkant van uw demo pagina) zou ik graag in staat zijn om de hele speler groter te maken. In plaats van 100px / 100px wil ik 500px / 500px. Waar kan ik dit veranderen? Ik heb het doek bewerkt, maar het is kleiner gegaan!
Geef enkel de 100 breedte en 100 hoogte in dit stuk van de code en je moet alright (lijn ~ 377)
 . _conPlayPause.children ( '. Playbtn') toevoegen ( '<canvas width = "100" height = "100" class = "playbtn-canvas" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn-canvas. ") eq (0).get (0).; . _conPlayPause.children ( '. Pausebtn') toevoegen ( '<canvas width = "100" height = "100" class = "pausebtn-canvas" />'); 
Kan dit / doet dit binden aan de <audio> -tags?
Er is geen manier om te binden aan de audio-tag

Het zal een audio-tag maken door zijn eigen

maar ik denk dat het formaat is vrij eenvoudig

 <Div id = "apsimple" class = "audiospeler-Tobe" style = "width: 100%; margin-top: 0;" data-videotitle = "Audio Video" data-type = "normal" data-source = "./ sounds / adg3.mp3"> <Div class = "meta-artist"> <span class = "de kunstenaar"> Tim McMorris </ span> - Het is een mooie dag </ div> </ Div> <Script> jQuery (document).ready (function ($) { dzsap_init ( "# apsimple", { Automatisch afspelen: "off" }); }); </ Script> 
is er een manier om MPEG-bestandsindeling alleen audio-accepteren?

kunt u alleen.mp3 hebben als de stroom, zoals het voorbeeld hierboven en het zal de Flash Back-up voor niet-ondersteunde browser

credits

Andere Awesome Producten


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
15 april 13

Laatste update:
19 maart 16

Hoge resolutie:
Ja

compatibele Browsers:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS

Software versie:
HTML5

Trefwoorden

eCommerce, eCommerce, Alle spullen, audio, audiospeler, canvas, CSS3, aanpasbare, html5, jQuery, media, minimaal, speler, lied, SoundCloud, klanken, Golf, youtube