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

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

Новинка! Следуйте за нами, как вы хотите!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Аудиоплеер Интро

Хотите ловкий, ультрасовременную, Retina-готов, отзывчивый аудиоплеер html5 для вашего сайта? ZoomSounds является идеальным кандидатом. С тремя шкуры, чтобы соответствовать каждый бренд, только один формат должен функционировать, ZoomSounds

Новый - со списком воспроизведения

Новый - WP Version

Аудио плеер Особенности

  • Технология HTML5 - это галерея использует последние html5, чтобы доставить практик, направленных никогда не видел раньше опыт для ваших клиентов
  • полностью отзывчивым - отлично смотрится с мобильного телефона на HD
  • флэш резервного копирования - IE7 и IE8 не поддерживает HTML5, но эти пользователи не forgetten, звуки будут играть для них тоже через флэш - плеер
  • один обязательный формат - твердая часть выполняется сценарий игрока для того, чтобы пользователь, чтобы иметь легкий опыт редактирования - требуется только mp3
  • дотрагивайтесь оптимизированы - сенсорные устройства не забыты
  • пять шкуры - для каждой потребности
  • три шкуры - три полных шкуры, чтобы соответствовать каждый бренд
  • CSS3 технологии - этот игрок использует определения CSS3 ультрасовременные
  • легкая установка - покупка, скачать ZIP, читать документы
  • iPhone / IPad оптимизирован - эта галерея была оптимизирована для сенсорных устройств компании Apple
  • Android оптимизирован - этот компонент был протестирован на Android 4.0 и работает удивительный
  • Разработчик / SASS питание - CSS этого компонента был построен на вершине SASS, которая означает, что пользователи SASS будет иметь легкое время изменяющее шкуры. Для пользователей, не SASS это не проблема либо потому, что CSS-файлы (генерируемые SASS) предоставляются
  • играет с YouTube - потоки аудио YouTube
  • играет из SoundCloud - потоки SoundCloud аудио с помощью ключа API
  • 100% CSS Skinable - хотите внести небольшие изменения в шкуры? Шкуры 100% построены из CSS, и это очень легко редактировать с помощью CSS знаний
  • SEO дружественных - построен с поисковой оптимизации на виду, с нуля, то Testimonial ротатора использует не скрытый Valid HTML - разметку для создания виджета
  • совместим со всеми основными браузерами, включая IE - совместим с IE7 на IE10, Chrome, Safari и Firefox

Оптимизированная для мобильных

Гладкая на мобильные телефоны тоже из-за
аппаратное ускорение. Android 4.4 и выше Chrome
и ОС IOS testedto доставить супер гладкой
опыт

Смотреть видео

Аудио Обновления Игрок

UPDATE 2,01 [09/07/2015]
  • [FIX] Различные исправления
UPDATE : 2,00 [01/20/2015]
  • [ADD] добавлен скин-ария
  • [ADD] добавлен параметр enable_easing на движение меню
  • [ADD] добавлен Google Analytics событие для игры
  • [ADD] опцию для изменения песню в плеере (+ вызов API)
  • [ADD] Галерея кожи - кожа-по умолчанию или скин-волна
  • [TWEAK] изменил режим кожи волна пятно макет с абсолютного на относительный
UPDATE 1,62 [07/03/2014]
  • [FIX] autoplayNext заставили автозапуск, чтобы на
UPDATE : 1.50 [04/02/2014]
  • [ADD] кожа-про
  • [TWEAK] обновлено Предварительный просмотр
  • [FIX] некоторые ошибки в Safari
UPDATE 1,40 [01/15/2014]
  • [ADD] Теперь комментарии могут появляться, когда чистящая головка находится над ним
  • [ADD] кожно-justthumbandbutton
  • [ADD] новый палку донному
  • [ADD] новый гладкий режим для скин-волны
  • [TWEAK] обновлено Предварительный просмотр
  • [FIX] некоторые ошибки
UPDATE 1.10 [06/06/2013]
  • [Добавить] все новые флэш-генератор для сигналов [старый html5 имел некоторые проблемы совместимости]
  • [FIX] Проблемы совместимости

Аудио-плеер Дополнительные возможности

Полностью настраиваемый.
Вы можете отключить scrubbar, регуляторы громкости, полноэкранное средства управления миниатюру и многое другое. Вы можете настроить все цвета с помощью CSS. Игрок слева использует вторую кожу игрока. Первая кожа является звуковая волна кожи в верхней части.
Сетчатка Готов.
Каждая кожа полностью отзывчивым и сетчатки глаза готовы. Вау. Сам игрок был протестирован на всех основных браузеров, Firefox, Chrome, Opera, Safari, IE7-10. И оптимизирован для мобильных платформ Android МО и.
Минимальный плеер.
Иногда более менее, и этот игрок имеет каждый сценарий охватывает. Это в праве является представление третьей кожи игрока, минимальная реализация которого даже есть элементы управления скраб (если вы нажмете на полях).
Только один формат.
Сегодняшними html5 аудиоплееры требуют мира разных аудио форматов. Но не этот. Только mp3 требуется и OGG не является обязательным.
Умная.
Вы можете разместить столько игроков на странице, как вы хотите. Если другой игрок играет, и вы нажимаете на другой один, то другой игрок будет прекратить играть, просто попробуйте здесь.
Несколько источников.
Самодостаточно аудиозаписей не являются единственным вариантом. Вы также можете воспроизводить потоки из YouTube или SoundCloud, или даже Shoutcast радиостанций *

* (Для Shoutcast) - Вы должны сначала проверить, если поток аудио / MPEG. Давайте возьмем для примера http://streamplus40.leonex.de:41364/if вы откроете это в браузере вы увидите этот тип контента: аудио / MPEG
Генератор сигналов произвольной формы

Есть, по крайней мере 3 способа для генерации формы волны

  • генерировать формы волны со админке (waveformgenerator.php) - на котором вы можете изменить цвет, множитель, отслеживать locatinon и т.д. / на основе флэш
  • генерировать формы волны для всех mp3s в папке (wavegeneratorfromdir.php) / на базе флэш
  • генерировать волны для song.mp3 к wavesbg.png и wavesprog.png - статическая (waveform.html) - вы можете редактировать этот HTML для различных цветов, названия / на базе флэш
  • waveformgenerator_html / для использования html5 сигнала генератора / на основе HTML5, я не поддерживаю это в тот момент,

Презентация для первых двух метода - https://youtu.be/WrTSB54oTkI

Заметки

  • дорожки и изображения не включены в пакет загрузки.
  • использовать систему комментирования понадобится сервер PHP
  • YouTube не будет работать в качестве аудио на мобильным iУстройством, но как видео из-за ограничений платформы
  • волновая форма представляет собой статическое изображение не автоматически генерируется аудиоплеера, но с помощью инструмента, включенного в пакет загрузки. Полные инструкции представлены о том, как это сделать, и это 10 вторая работа для каждого трека, почти автоматически, если у вас есть все ваши треки в каталоге.

Вопросы-Ответы

В меньшем игрока (круговое игрока на правой стороне демо страницы) Я хотел бы быть в состоянии сделать весь игрок больше. Вместо того, чтобы 100px / 100px Я хотел бы 500px / 500px. Где я могу изменить это? Я редактировал холст, но он пошел меньше!
Просто измените ширину и 100 100 Высота в в этой части кода, и вы должны быть в порядке (линия ~ 377)
 . _conPlayPause.children ( '. Playbtn') добавляет ( '<холст ширина = "100" высота = "100" класс = "playbtn холст" />'); skin_minimal_canvasplay = _conPlayPause.find ( 'playbtn холст.') экв (0).get (0). . _conPlayPause.children ( '. Pausebtn') добавляет ( '<холст ширина = "100" высота = "100" класс = "pausebtn холст" />'); 
может это / делает это привязку к <аудио> теги?
Там нет никакого способа, чтобы связать с аудио тега

Это создаст тэг аудио его собственные

но я думаю, что формат довольно легко

 <DIV ID = класс "apsimple" = "аудиоплеер-тобе" стиль = "ширина: 100%; маржа-топ: 0;" данных videotitle = "Audio Video" тип-данных = "нормальный" источник данных = "./ звуки / adg3.mp3"> <DIV класс = "Мета-исполнитель"> <SPAN класс = "The-исполнитель"> Tim МсМогпз </ SPAN> - Это прекрасный день </ DIV> </ DIV> <Скрипт> JQuery (документ).ready (функция ($) { dzsap_init ( "# apsimple", { автозапуск: "выключено" }); }); </ Скрипт> 
есть способ, чтобы принять формат файла MPEG Audio-только?

вы можете иметь только.mp3, как поток, как в приведенном выше примере, и он будет использовать флэш резервного копирования для неподдерживаемый браузер

кредиты

Другие продукты Высокий


Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

созданный:
15 апреля +13

Последнее обновление:
19 16 марта

Высокое разрешение:
да

Совместимые браузеры:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

файлы, включенные:
JavaScript JS, HTML, CSS

Версия ПО:
HTML5

Ключевые слова

электронной коммерции, электронной коммерции, Все детали, аудио, аудиоплеер, холст, CSS3, настраиваемый, html5, JQuery, СМИ, минимальный, игрок, песня, SoundCloud, звуки, волна, YouTube