Простой аудио-плеер для сайта

Сейчас частенько можно встретить веб-ресурсы, на которых размещаются коллекции аудио-записей, воспроизводимых с помощью Flash Player. Причём количество звуковых файлов на одной странице может быть значительным. В этих условиях использовать какой-то "навороченный" аудио-плеер нерационально. Ведь с эстетической точки зрения страница с кучей громоздких аудио-плееров будет выглядеть неприятно, а с практической точки зрения - ресурсоёмко. Для таких случаев принято делать специальные аудио-проигрыватели, которые имеют минимально необходимый функционал, но которые легко и без проблем встраиваются и работают на веб-страницах. Подобный плеер я и представляю вашему вниманию.

А вот и сам аудио-плеер (точнее, аудио-плееры):

Как видите, он минималистичен, но свои функции выполняет. Встраивается он довольно просто - обычный код вставки флеш-объекта + переменные с именем музыкальной композиции и путь к mp3-файлу, который надо воспроизвести (позднее я добавил ещё несколько необязательных переменных для настройки внешнего вида плеера). Чтобы ещё более упростить процесс вставки, прилагается генератор кода вставки. Вам остаётся только заполнить поля формы, скопировать сгенерированный код и вставить его на свою веб-страницу (или использовать в скрипте, выводящем аудио-записи).

Генератор кода для вставки аудио-плеера:

Сам аудио-плеер скачать можно здесь.

Обратите внимание, что с помощью генератора можно не только создать код, но и сразу же посмотреть на созданный плеер. Для этого надо всего лишь кликнуть по кнопке Example. Откроется новое окно браузера, в котором вы увидите созданный вами плеер в действии.

И под конец перечислю доступные параметры для настройки плеера.

Основные параметры:

- path_mp3 - путь к mp3-файлу (фактически, это единственный обязательный параметр, а все остальные параметры необязательны);

- name_mp3 - название звукового файла.

Дополнительные параметры:

- cbf - цвет фона кнопки;

- cb - цвет рисунка на кнопке;

- cif - цвет фона индикаторов;

- ci - цвет индикаторов;

- cbuf - цвет индикатора буферизации;

- ct - цвет текста;

- auto - автоматически начинать воспроизведение звукового файла сразу же после загрузки страницы (этот параметр может принимать значения yes или no).

Буду очень рад, если кому-то данный плеер окажется полезным.

UPD 2012-03-27: установленный в одном плеере уровень громкости, будет действителен и для всех других плееров + некоторые мелкие изменения.

UPD 2012-05-11: длинное название mp3-файла автоматически превращается в бегущую строку (бегущая строка работает только при наведённом курсоре мышки, чтобы зря не тратить ресурсы компьютера и не устраивать на странице хаос из бегущих строк).

UPD 2013-03-10: Теперь размеры плеера можно изменять.

Автор: admin

Дата добавления: 2012-05-11

Просмотров: 45052

Рейтинг поста: +68-

Правила перепечатки

Социальные закладки:
Комментарии:
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2015-05-13
Никак. Каждый плеер полностью автономен и с другими не связан.
Комментатор
Комментарий добавил(а): qws
Дата добавления: 2015-05-13
как сделать в этом плеере чтоб после проигрывания 1 трека начинался новый 2 трек и так дальше??
Комментатор
Комментарий добавил(а): Яповчанка
Дата добавления: 2015-01-08
Cпасибо за помощь))
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2015-01-07
> теперь не происходит остановка трека при нажатии на кнопку

Происходит. Не происходит переход на другой кадр кнопки, но воспроизведение останавливается. Поправил: https://yadi.sk/d/TPorrpKfdp875
Комментатор
Комментарий добавил(а): Яповчанка
Дата добавления: 2015-01-07
>ошибка вкралась. Поправил: https://yadi.sk/d/TPorrpKfdp875
там еще,наверное, что-то вкралось..теперь не происходит остановка трека при нажатии на кнопку..))
С переключением все нормально..))
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2015-01-07
> При первом проигрывании все хорошо. А когда я начинаю щелкать по кнопкам, происходит остановка предыдущего трека. А переключения на другой трек, как это было при первом проигрывании, не происходит

Понял - там ошибка вкралась. Поправил: https://yadi.sk/d/TPorrpKfdp875
Комментатор
Комментарий добавил(а): Яповчанка
Дата добавления: 2015-01-07
<Как вариант: https://yadi.sk/d/TPorrpKfdp875
Спасибо...Но это немножко не то...
При первом проигрывании все хорошо.А когда я начинаю щелкать по кнопкам, происходит остановка предыдущего трека.А переключения на другой трек, как это было при первом проигрывании, не происходит..

<обратите внимание на работу с массивами и циклами.
..с массивами почти не знакома..к сожалению..((
Мне бы подключение библиотеки SoundSkin было бы более доступно,..наверное..
Здесь же я просто повторяю ,не понимая что ..

А легких путей я не ищу..
Чтобы суть понятна была... и всего лишь..))
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2015-01-06
Елена, вы не ищите лёгких путей :-)

Как вариант: https://yadi.sk/d/TPorrpKfdp875

Но это только самый простейший пример. Желательно, добавить отслеживание событий (окончание проигрывания трека и ошибки). И ещё: обратите внимание на работу с массивами и циклами.
Комментатор
Комментарий добавил(а): Яповчанка
Дата добавления: 2015-01-05
Здравствуйте!
Наконец-то я нашла то,что искала!!!
А именно плеер,в котором при включении следующего автоматически выключается предыдущий трек.

Встраивать на сайт мне не нужно.
А вот для реализации своей задумки очень даже пригодится.

Используя Фрагменты кода в Adobe Flash сделала для примера флеш ролик(плеер).
Посмотрите исходник,пожалуйста.
Намудрила,..но как сумела.

Такой же результат можно получить,подключив библиотеку SoundSkin.
У меня воспроизведение следующего аудиофала возможно только после остановки предыдущего. Если этого не сделать,получится наслоение звуков..
А я хочу как у вас.
Т.е.не останавливая,начинать воспроизведение другого аудиофайла.При этом воспроизведение предыдущего трека прекращается.
Жму куда хочу..короче..))

Ну где-то вот так..Может сумбурно.Но суть в этом.
Просьба.
Подскажите и помогите,плииз, как записать это в коде.Или может есть другие варианты..
Главное,чтобы играла музыка и я могла управлять воспроизведением как хочу..))
Комментатор
Комментарий добавил(а): Спасибо
Дата добавления: 2014-10-19
Спасибо огромное!
Добавить комментарий:







[ + ] помощь по форматирование текста

Идиот-тест

Если все обязательные поля (отмечены * ) заполнены необходимой информацией, то нажимаем кнопку Добавить комментарий.

Страница 2 из 14: 123414
Меню
Подписка
Рубрики
Метки
Последние комментарии
Рейтинг постов
Реклама
Друзья
География гостей
Статистика
Яндекс.Метрика