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

Сейчас частенько можно встретить веб-ресурсы, на которых размещаются коллекции аудио-записей, воспроизводимых с помощью 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

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

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

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

Социальные закладки:
Комментарии:
Комментатор
Комментарий добавил(а): Акварель
Дата добавления: 2012-11-20
Добрый день!
Очень нравится ваш плеер, вроде всё делаю правильно-вставила код песни в mp3, поставила название песни, скопировала, нажимаю экзампл, открывается плеер с моей песней, а играет ваша...
Пробовала вставлять скопированный в буфер код плеера на лиру, он его не видит...
Что я делаю не так ?
Комментатор
Комментарий добавил(а): Сергей
Дата добавления: 2012-11-13
Здравствуйте!

Отличный плеер, за что огромное спасибо!
А сложно ли добавить автостарт следующего трека, после конца проигрывания предыдущего?
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2012-11-11
Ссылка не битая. Открывается именно плеер, но надо в браузере выбрать пункт сохранит и сохранить в нужную вам папку.
Комментатор
Комментарий добавил(а): кирилл
Дата добавления: 2012-11-10
дык где сам mini_player.swf ??

ссылка битая ошибку выдаёт
сам плеер это как раз то для меня. отпишитесь на мыло как поправите. спасибо
Комментатор
Комментарий добавил(а): sera
Дата добавления: 2012-10-29
Во!!!
Именно то, что искал!!!
Спасибо!!!
Комментатор
Комментарий добавил(а): Кир
Дата добавления: 2012-09-17
а вводимыый параметр с размером текста нкак не сделать?
Комментатор
Комментарий добавил(а): кир
Дата добавления: 2012-09-17
>Я могу, конечно, перекомпилировать swf-ку с другим размером шрифта, но не факт, что это будет хорошо смотреться. Какой размер хотите?

чтобы заменить текст плеер на сайте http://interesnayamoskva.ru/Creation/song.php
одним вашим плеером
как думмаете какой размер бы подошел?
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2012-09-16
>а можно ли как то увеличить шрифт в "название"

Я могу, конечно, перекомпилировать swf-ку с другим размером шрифта, но не факт, что это будет хорошо смотреться. Какой размер хотите?
Комментатор
Комментарий добавил(а): кир
Дата добавления: 2012-09-16
а можно ли как то увеличить шрифт в "название"
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2012-09-07
>Огромный респект за использования этого трека в качестве примера! Лично я очень люблю его ^^.

Мне тоже этот трек очень нравится. Даже стоит на звонке в телефоне. Надо видеть глаза представителей старшего поколения, когда они слышат эту мелодию :-)

>Не знаю, как вам, а лично убеждён, что сервер под блог лучше держать у себя дома

На локальном сервере стоит резервная версия блога и не только блога :-)
Добавить комментарий:







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

Идиот-тест

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

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