10 jQuery HTML5 аудио плееров

• Лицензия: с открытым исходным кодом (MIT)
• демонстрация
• NPM — 520 загрузок в прошлом месяце
• Источник

4. Аудио плеер HTML5 с плейлистом

Этот чрезвычайно популярный аудиоплеер HTML5 предоставляет пользователям множество замечательных опций. Он поддерживает широкий спектр функций и выглядит, как показано на странице предварительного просмотра, включая полноэкранное слайд-шоу. Среди его многочисленных функций — поддержка всплывающих окон, позволяющих посетителям продолжить просмотр вашего сайта без прерывания аудиопотока. Несколько экземпляров аудиоплеера также поддерживаются на одной странице.

• Лицензия: коммерческая ($ 17) с поддержкой 6 месяцев
• Продажи: 3300+
• Интернет сайт
• демонстрация

5. FullWidth Audio Player

Это плагин WordPress, который превращает ваш стандартный сайт WordPress в музыкальный сайт. Он полностью адаптивен и имеет возможность добавлять плейлисты и треки на страницу или пост. Он также поддерживает всплывающие окна для непрерывного воспроизведения мультимедиа. Вы можете добавить FullWidth Audio Player внизу на любой странице WordPress или пост, используя шорткоды. SoundCloud также поддерживается.

• Лицензия: коммерческая ($ 25) с поддержкой 6 месяцев
• Продажи: более 2830 продаж
• Интернет сайт
• демонстрация

6. Zoomsounds

Это адаптивный, готовый к сетчатке, аудиоплеер HTML5, который поставляется с 3 скинами из коробки. Поддерживаются все мобильные и современные браузеры, включая IE7 +. Он поддерживает воспроизведение звука с YouTube, а также SoundCloud. Разработчики могут настроить пользовательский интерфейс игрока через SASS или CSS. Разработчик компонента также предоставил версию WordPress.

• Лицензия: коммерческая (10 долларов США) с поддержкой 6 месяцев
• Продажи: 830+
• Интернет сайт
• демонстрация

7. Royal Audio Player

Это аудио и видео плеер для тех, кто хотел бы развлечь своих онлайн-посетителей стильным аудиоплеером. Он отзывчив и поддерживает все современные браузеры и мобильные платформы. Он имеет обширный API, который поддерживает YouTube, SoundCloud, Podcasts, Official.fm, SHOUTcast и Icecast. Он также поддерживает внешние источники, такие как Google Drive и Amazon S3. На момент написания этот проект был недавно обновлен. Качество поддержки кажется на высшем уровне, так как разработчик заинтересован в быстром решении проблем по мере их возникновения.

• Лицензия: коммерческая ($ 18)
• Продажи: 480+
• Интернет сайт
• демонстрация

8. jPlayer 2

jPlayer 2 — это аудио и видео плагин jQuery с поддержкой HTML5 и Adobe Flash в качестве запасного варианта. Он поддерживает все основные браузеры, включая IE6 +, Safari, Chrome, Mozilla, IOS, Android и Blackberry. Его документация обширна, что позволяет разработчикам настраивать его под свои нужды. Имеется поддержка плейлистов, а также предусмотрено несколько тем из коробки. Он используется такими организациями, как Pandora, BBC и Aljazeera.

К сожалению, этим замечательным плагином пренебрегло сообщество открытых источников. Проблемы накапливались, и она быстро отстает от современных стандартов браузеров. Однако есть и хорошие новости. Планы на jPlayer 3 уже в стадии реализации. Цель состоит в том, чтобы внести ряд улучшений, включая удаление зависимости jQuery, что позволяет использовать ее в других средах.

• Лицензия: с открытым исходным кодом (MIT)
• Интернет сайт
• NPM — 2221 загрузка в прошлом месяце
• Источник (Github)
• Служба поддержки:
  • Gitter
  • Google Group

9. Gear HTML5 Audio Player

Gear — это звуковой проигрыватель HTML5 на основе jQuery с потрясающим пользовательским интерфейсом. Он имеет плавную SVG-анимацию, уникальный эквалайзер холста и поддержку SoundCloud. У него мобильный адаптивный дизайн, список воспроизведения JSON, круговой трекбек и мини-плеер в док-станции. Стиль разработан с LESS. По совпадению, SoundManager 2 считается одним из проектов, использованных для создания этого прекрасного аудиоплеера.

• Лицензия: коммерческая ($ 13)
• Продажи: 402
• Интернет сайт
• демонстрация

10. tPlayer — аудиоплеер для WordPress

tPlayer — это jQuery-плеер для WordPress. Он поддерживает воспроизведение аудиофайлов MP3, а также потоковую передачу из SoundCloud, SHOUTcast и Icecast. Он имеет отличный дизайн UX на планшетах и ​​смартфонах и включает SVG-анимацию. Плеер также имеет ссылки для покупки и скачивания.

• Лицензия: коммерческая ($ 28)
• Продажи: 600+
• Интернет сайт
• демонстрация

Завершение всего этого

В этом списке представлены лучшие коммерческие аудиоплееры с открытым исходным кодом. Несмотря на то, что заголовок этой статьи посвящен аудиопроигрывателям jQuery, в целом существует тенденция к удалению зависимости jQuery из исходного кода. Это сделано для того, чтобы позволить аудиоплееру быть интегрированным в большее количество сред JavaScript, где jQuery нежелателен.

При выборе аудиоплеера для вашего сайта, вы должны быть заинтересованы в том, как часто он обновляется. Это связано с тем, что браузеры обновляются, что иногда нарушает некоторые функции, используемые аудиоплеером.

Коммерческие аудиоплееры HTML5 хороши, если они содержат целевые функции, необходимые для вашего сайта. Обычно они поставляются с несколькими скинами, а также с возможностью дополнительной настройки с помощью CSS. Аудиоплееры с открытым исходным кодом HTML5 также хороши, если у вас ограниченный бюджет или вы просто хотите поэкспериментировать. Лицензия с открытым исходным кодом позволяет вам полностью настраивать функции, добавляя новый код или сторонние библиотеки для создания нового типа аудиоплеера с уникальными функциями.

Этот список может быть неполным, но я надеюсь, что, по крайней мере, он даст вам представление о том, что доступно там. У вас есть плагин, чтобы рекомендовать? Я пропустил ваш любимый аудиоплеер? Дай мне знать в комментариях!

И если вам понравилось это и вы хотите создавать свои собственные аудио, вы можете проверить нашу заставку по началу работы с API Web Audio .