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