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

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

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

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

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

Социальные закладки:
Комментарии:
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2014-06-23
> автоматом выключается предыдущий, но не нашел в коде скрипт явы на эту тему

Эта функция реализована через флеш-куки: http://edapskov.ru/pages.php?id=30

С большими файлами могут быть проблемы.
Комментатор
Комментарий добавил(а): Тока
Дата добавления: 2014-06-23
Извините - свыше 200 Мб
Комментатор
Комментарий добавил(а): Тока
Дата добавления: 2014-06-23
плейер замечательный, автоматом выключается предыдущий, но не нашел в коде скрипт явы на эту тему, разве что param name="wmode"
спасибо за находку, держит файлы свыше Мб на паузе без предварительной загрузки!
Комментатор
Комментарий добавил(а): Freeman
Дата добавления: 2014-04-17
Спасибо за исправления! ))
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2014-04-17
> Обнаружился глюк: при проигрывании некоторых файлов, указывается время на минуту больше, чем надо.

Каюсь, попутал с округлением :-) Поправил и перезалил.
Комментатор
Комментарий добавил(а): Freeman
Дата добавления: 2014-04-15
К сожалению, сайта пока нет, он в разработке, поэтому, отослал вам пример с глюками на e-mail.
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2014-04-15
> Жаль, что хозяин сайта не отвечает.

Пардон. Сообщение прочитал давно, но забыл ответить.

> А нельзя ли сделать так, чтобы разложить длинную строку параметров на отдельные параметры? А то как-то громоздко получается.

На самом деле, это не от меня зависит. Таков стандарт.

> Ну и было бы круто добавить кнопку "Стоп" или "Перемотку в начало", чтобы можно было в любой момент начать слушать заново.

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

> Да, и плеер глючно прорисовывается, если стоит длина меньше 300.

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

> И ещё было бы круто, если бы время показывалось соазу, а не после нажатия на кнопку "Play".

Не получится. Время плеер узнаёт только по мере загрузки файла. Пока файл не загружен, плеер ничего не знает о продолжительности файла.

> Я так понимаю, это связано с буфферизацией. Нельзя ли это сделать опционально?

Эмм... Надо глянуть код. Уж больно давно я его писал.

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

Да, странно. Но что-то с таким не сталкивался.
Комментатор
Комментарий добавил(а): Freeman
Дата добавления: 2014-04-15
Жаль, что хозяин сайта не отвечает.
Обнаружился глюк: при проигрывании некоторых файлов, указывается время на минуту больше, чем надо. Например, файл длительностью 52 сек, а плеер пишет 1:52. Ну и хотелось бы нормальный ползунок громкости, а не такой как сейчас, даже мышкой водить не реально, а только кликать.
Комментатор
Комментарий добавил(а): Freeman
Дата добавления: 2014-04-11
А нельзя ли сделать так, чтобы разложить длинную строку параметров на отдельные параметры? А то как-то громоздко получается. Ну, что бы было, типа
<param name="name_mp3" value="Моя музыка"/> и так далее. Ну и было бы круто добавить кнопку "Стоп" или "Перемотку в начало", чтобы можно было в любой момент начать слушать заново. Можно конечно на прогрессбар кликнуть, но хотелось бы идеала)) Да, и плеер глючно прорисовывается, если стоит длина меньше 300.
И ещё было бы круто, если бы время показывалось соазу, а не после нажатия на кнопку "Play". Я так понимаю, это связано с буфферизацией. Нельзя ли это сделать опционально?
Комментатор
Комментарий добавил(а): edapskov
Дата добавления: 2014-03-12
Всё равно переписывать: плеер написан одним только кодом.
Добавить комментарий:







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

Идиот-тест

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

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