Два скрипта для проигрывания музыки на сайте, я уже публиковал ранее(DewPlayer и mp3 Flash Player) и как оказалось, они пригодились многим. С тех пор прошло немало времени, появились новые плееры с различными возможностями. Чтобы не публиковать несколько записей, решил сразу сделать подборку с скриптов mp3-плееров, которые можно вставить на ваш сайт, либо использовать при созданий веб-приложения.

1. jPlayer

Миинималистичный скрипт плеера на основе HTML & CSS. Так же доступен в Flash-варианте, который будет использоваться как fallback-вариант в устаревших версиях браузера. Доступен в разных вариантах: для аудио, видео, в комбинаций с плейлистом и без.

jquery скрипт Mp3 плеера
jquery mp3 player для вставки музыки на сайт

2. Audio.js

JS-библиотека для кросс-браузерной поддержки

1
<audio src="/mp3/juicy.mp3" preload="auto" />

3. Epplayer

Flash-плеер с плейлистом и поддержкой разных скинов.

mp3 player script

4. Simple Flash Mp3 Player

Легкий и минимально оформленный скрипт Mp3-проигрывателя.

простой Mp3 плеер для сайта

5. HTML5 jQuery Audio Player

Плагин плеера для WordPress. Проигрывает mp3 и ogg, работает в современных бразуерах (IE9+, Safari, Opera, Firefox, Chrome) а так же и на мобильных устроиствах. Для встраивания плеера на страницу Wordpress необходимо использовать shortcode: <pre>[hmp_player]</pre>

плагин mp3-плеера для wordpress

UPDATE: +2 скрипта

6. SCM Music Player

js_player

SCM Player - выделяется от других плееров двумя интересными функциями. Во-первых плеер предоставляет возможность переходить по страницам сайта и прослушивать при этом музыку, без всяких прерываний и перезагрузок (например, как музыка ВКонтакте). Во-вторых плеер можно прикрепить в самых верх/низ страницы, откуда будут доступны все кнопки для управления музыкой. Кроме этого, SCM Player имеет множество настроек, несколько готовых скинов и, конечно же, поддерживает крупные плейлисты.

Использование

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

7. APlayer

Простой и красивый аудио плеер на основе HTML5, поддерживает обложки и плейлисты.

aplayer красивый аудио плеер

8. React Audio Player

Простой пример с плеером в виде компонента для популярного фреймворка React.

легкий скрипт mp3 плеера в виде react компонента

9. ngAudio

ngAudio представялет из себя набор директив и сервисов для проигрывания аудио в рамках приложения для AngularJS.

аудио директива для angular
Обновлено
Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo