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

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Odtwarzacz audio Intro

Masz fajną, nowatorskie rozwiązania, gotowe do siatkówki, czułe html5 odtwarzacz audio dla swojej stronie? ZoomSounds jest idealnym kandydatem. Z trzy skórki, aby dopasować każdą markę, wymagane tylko jeden format funkcjonować, ZoomSounds

Nowy - Z listy odtwarzania

Nowość - Wersja WP

Funkcje Audio Player

  • Technologia HTML5 - ta galeria wykorzystuje najnowsze tehniques HTML5 dostarczyć nigdy wcześniej doświadczeń klientów
  • pełni elastyczny - świetnie wygląda z telefonu komórkowego do HD
  • backup flash - IE7 i IE8 nie obsługuje HTML5, ale ci użytkownicy nie są forgetten, dźwięki zagrają dla nich za pośrednictwem odtwarzacza flash
  • jeden obowiązkowy Format - Najtrudniejsze jest wykonywana przez skrypt gracza w kolejności dla użytkownika, aby mieć łatwy montaż doświadczenie - wymagany jest tylko mp3
  • dotknij zoptymalizowane - Urządzenia dotykowe nie są zapomniane
  • pięć skórek - na każdą potrzebę
  • trzy skórki - trzy pełne skórki, aby dopasować każdą markę
  • Technologia CSS3 - Ten gracz wykorzystuje definicje CSS3 najnowocześniejsze
  • łatwa instalacja - zakup, pobierz zip, przeczytaj dokumenty
  • iPhone / iPad zoptymalizowane - Ta galeria została zoptymalizowana dla urządzeń dotykowych firmy Apple
  • Android zoptymalizowany - składnik ten został przetestowany na systemie Android 4.0 i działa super
  • deweloper / SASS zasilany - CSS komponent ten został zbudowany na szczycie SASS co oznacza SASS użytkownicy będą mieli łatwy czas zmieniającą skórki. Dla użytkowników non-Sass to nie jest problem, bo albo pliki CSS (generowane przez SASS) są przewidziane
  • gra z YouTube - strumienie audio YouTube
  • gra z SoundCloud - strumieni SoundCloud dźwięku za pomocą klucza API
  • 100% css Skinable - chcą, aby niewielkie zmiany do skórek? Skóry są w 100% zbudowany z css i to jest bardzo łatwe do edycji z wiedzą css
  • Przyjazny SEO - zbudowany z optymalizacji pod kątem wyszukiwarek na uwadze, od podstaw, referencje Rotator zastosowania zakaz ukryte prawidłowych znaczników HTML na budowę widget
  • kompatybilny ze wszystkimi popularnymi przeglądarkami, w tym IE - kompatybilny z IE7 do IE10, Chrome, Safari i Firefox

Komórka Optimized

Gładka w sieciach komórkowych z powodu zbyt
przyspieszanie sprzętowe. Android 4.4+ Chrome
oraz iOS testedto dostarczyć super gładkie
doświadczenie

Obejrzyj film

Odtwarzacz audio Aktualizacje

UPDATE 2.01 [07.09.2015]
  • [FIX] różne poprawki
UPDATE 2.00 [20.01.2015]
  • [ADD] dodał skóry aria
  • [ADD] dodał opcję w menu enable_easing ruchu
  • [ADD] dodała wydarzenie Google Analytics do gry
  • [ADD] opcji do zmiany piosenki w odtwarzaczu (+ wywołanie API)
  • [ADD] Galeria skóry - skóra-default lub skórę fali
  • [TWEAK] zmienił trybu fali skórę gładką układ z absolutne na względne
UPDATE 1.62 [03.07.2014]
  • [FIX] autoplayNext zmuszony autoodtwarzanie się na
UPDATE 1.50 [2.04.2014]
  • [ADD] skin-pro
  • [TWEAK] aktualizowane podgląd
  • [FIX] kilka błędów w Safari
UPDATE 1.40 [15.01.2014]
  • [ADD] Teraz komentarze mogą pojawić się, gdy głowa jest peeling nad nim
  • [ADD] skóry justthumbandbutton
  • [ADD] nowy kij do trybu dolnym
  • [ADD] nowy tryb gładką skórą na fali
  • [TWEAK] aktualizowane podgląd
  • [FIX] kilka błędów
UPDATE 1.10 [06/06/2013]
  • [Dodaj] cały nowy generator błyskowej dla przebiegów [stary html5 miał pewne problemy ze zgodnością]
  • [FIX] problemy ze zgodnością

Audio Player Dodatkowe funkcje

W pełni konfigurowalny.
Można wyłączyć scrubbar, regulatory głośności, pełnoekranowy miniaturę elementy sterujące i inne. Można dostosować wszystkie kolory za pomocą CSS. Gracz po lewej wykorzystuje drugą skórę odtwarzacza. Pierwszy skóry jest skóra fala dźwiękowa na szczycie.
Retina Gotowe.
Każda skóra jest w pełni elastyczny i gotowy do siatkówki. Łał. Sam zawodnik został przetestowany na wszystkich głównych przeglądarek, Firefox, Chrome, Opera, Safari, IE7-10. I zoptymalizowana dla platform mobilnych iOS i Android.
Minimalna Player.
Czasem więcej znaczy mniej, a ten gracz ma każdy scenariusz zadaszony. To prawo jest reprezentacją trzeciego skórę odtwarzacza, minimalny realizacji, która ma nawet kontrole Scrub (po kliknięciu na marginesie).
Tylko jeden format.
Dzisiejsze HTML5 odtwarzacze audio wymaga świat w różnych formatach audio. Ale nie ten. Tylko jest wymagane mp3 i ogg jest opcjonalne.
Mądry.
Można umieścić dowolną liczbę graczy na stronie, jak chcesz. Jeśli inny gracz gra i kliknięciu na inną, drugi gracz będzie przestać grać, po prostu spróbuj tutaj.
Wielu źródeł.
Własna gospodarzem audio nie są jedynym rozwiązaniem. Można także odtwarzać strumienie z YouTube czy SoundCloud, a nawet stacji radiowych Shoutcast *

* (Dla Shoutcast) - Najpierw trzeba sprawdzić, czy strumień audio / mpeg. Weźmy na przykład http://streamplus40.leonex.de:41364/if otworzyć to w przeglądarce pojawi się tego typu utworu: audio / mpeg
Generator przebiegów

Istnieją co najmniej 3 Sposoby wytwarzania przebiegów

  • generować przebiegi z panelem administracyjnym (waveformgenerator.php) - na którym można zmieniać kolor, mnożnik, śledzić locatinon itp oparty / flash
  • generować przebiegi dla wszystkich plików mp3 w folderze (wavegeneratorfromdir.php) / Flash oparte
  • generowania fali dla piosenka.mp3 do wavesbg.png i wavesprog.png - statyczne (waveform.html) - można edytować ten html dla różnych kolorach, na podstawie nazwy / flash
  • waveformgenerator_html / za pomocą generatora przebiegów html5 / HTML5 oparte, nie obsługują tego w tej chwili

Prezentacja dla pierwszych dwóch metod - https://youtu.be/WrTSB54oTkI

Uwagi

  • utwory i obrazy nie są wliczone w pakiet pobierania.
  • do korzystania z systemu komentowania potrzebujesz serwera php
  • youtube nie działa jak dźwięk na iDevices ale jako film ze względu na ograniczenia platformy
  • przebieg jest statyczny obraz nie jest automatycznie generowane przez odtwarzacz audio, ale za pomocą narzędzia zawarte w pakiecie do pobrania. Pełne instrukcje znajdują się na, jak to zrobić i jest to 10 sekund pracy dla każdej ścieżki, niemal automatycznie, gdy masz wszystkie swoje utwory w katalogu.

FAQ

W mniejszym odtwarzacza (okrągła graczem na prawej stronie swojej stronie demo) Chciałbym być w stanie wykonać cały graczem większe. Zamiast 100px / 100px Chciałbym 500px / 500px. Gdzie mogę to zmienić? Mam edytowany płótno, ale upadł na mniejszy!
Wystarczy zmodyfikować 100 szerokości i 100 wysokości, w tym kawałku kodu i powinno być w porządku (linia ~ 377)
 . _conPlayPause.children ( '. Playbtn ") dołączy (' <canvas width =" 100 "height =" 100 "class =" playbtn-canvas "/> '); skin_minimal_canvasplay = _conPlayPause.find ( "playbtn-płótno. ') eq (0).get (0).; . _conPlayPause.children ( '. Pausebtn ") dołączy (' <canvas width =" 100 "height =" 100 "class =" pausebtn-canvas "/> '); 
Może to / czy to wiązać się z <audio> znaczniki?
Nie ma sposobu, by połączyć się z tagu dźwięku

Stworzy tag dźwięku przez jego własne

ale myślę, że format jest dość łatwe

 <Div id = class "apsimple" = "odtwarzacze audio-Tobe" style = "width: 100%; margin-top: 0;" danych videotitle = "Audio Video" data-type = "normal" data source = "./ dźwięki / adg3.mp3"> <Div class = "meta-artystą"> <span class = "the-artystą"> Tim McMorris </ span> - To piękny dzień </ div> </ Div> <Script> jQuery (document).ready (function ($) { dzsap_init ( "# apsimple", { autoodtwarzania: "off" }); }); </ Script> 
czy jest jakiś sposób, aby zaakceptować format pliku MPEG Audio-only?

można mieć tylko.mp3 jako strumień tak jak w przykładzie powyżej będzie korzystał z kopii zapasowej Flash dla nieobsługiwanym przeglądarce

Kredyty

Inne produkty Wypasione


Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Stworzony:
15 kwietnia 13

Ostatnia aktualizacja:
19 marca 16

Wysoka rozdzielczość:
tak

Zgodne przeglądarki:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Google Chrome

pliki wliczony:
JS JavaScript, HTML, CSS

Wersja oprogramowania:
HTML5

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, audio, Odtwarzacz audio, brezentowy, CSS3, konfigurowalny, html5, jQuery, głoska bezdźwięczna, minimalny, gracz, piosenka, SoundCloud, Dźwięki, fala, youtube