Простой проигрыватель аудио для сайта

Простой проигрыватель аудио для сайта

302010-10-051303518Денис Абдуллин

Больше не поддерживается, просим нас извинить.

Не спешите покидать нас, предлагаем следующие варианты плееров:


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

Приятно, и к тому же удобно, слушать песню Yesterday группы Beatles. Вот так стандартно выглядит плеер Yraaa.

Код не такой длинный, кокой мог бы быть и здесь нет прямой ссылки на сайт. Количество музыки на странице не ограничивается.

Как поставить на сайт?

Ниже приведен полный код для вставки аудио-записи.

Код
<script src="http://yraaa.ru/audio_player.js"></script>
<div id="number_231"></div>  
<script>  
add_audio('number_231', 'http://yra.do.am/files/10-Beatles-Yesterday.mp3', 'The Beatles - Yesterday', 'http://yraaa.ru/img/audio_image1.png', '26')  
</script>

Разбирем код по порядку:

Код
<script src="http://yraaa.ru/audio_player.js"></script>

Эту строчку кода желательно использовать один раз на странице и вставить между тегами <head>...</head>.

Код
<script>  
add_audio('number_231', 'http://yra.do.am/files/10-Beatles-Yesterday.mp3', 'The Beatles - Yesterday', 'http://yraaa.ru/img/audio_image1.png', '26')  
</script>

Это скрипт запуска этого аудио плеера и в скобках распределены атрибуты, давайте по порядку:

  • 1. Это id того тега, в который вставляется музыкальный плеер.
  • 2. Второй атрибут - ссылка на файл песни в формате MP3.
  • 3. Атрибут - название музыкального файла (разрешен HTML).
  • 4. Это ссылка на изображение (подробнее об этом ниже).
  • 5. Длина и ширина изображения для запуска и выключения.

Изображение в плеере:

В коде Вы наткнулись на ссылку, ведущую к изображению http://yraaa.ru/img/audio_image1.png - эта картинка служит для запуска или отключения мелодии. Вот так например можно изменить этот плеер.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (18)
Potapova 2015-12-21 в 10:14 / МатериалСпам
Помогите пожалуйста найти плеер вот такого типа http://jurnalo.ru/luchshie-novinki-muzyki-dekabrya-2015/#fwdrapPlayer0?catid=0&trackid=0 ну не именно такой уж прям, а что то похожее, все остальные страшные какие то (
0
Константин 2014-01-31 в 17:19 / МатериалСпам
Перезалейте файл скрипта
1
костик 2012-08-07 в 16:31 / МатериалСпам
Как совсем убрать перемотку, оставить только кнопки, подскажите?
0
Гость 2012-03-28 в 18:30 / МатериалСпам
можно тут просто скачать этот плеер и код для вставки на страницу??
0
Гость 2012-03-28 в 18:26 / МатериалСпам
ссылка не рабочая!!!(((
0
Денис Абдуллин 2012-03-28 в 12:38 / МатериалСпам
Используй готовый код. Можешь скачать себе http://yraaa.ru/audio_player.js и оттуда вытащить SWF файл и тоже скачать его
0
Гость 2012-03-28 в 11:26 / МатериалСпам
а как можно скачать этот плеер???
0
Эмиль 2011-07-17 в 11:54 / МатериалСпам
здесь проблемы с перемоткой, а так хотелось поставить этот проигрыватель на свой сайт... =(((
0
Денис Абдуллин 2011-07-20 в 10:43 / МатериалСпам
Исправлено. Проблем с перемоткой нет теперь.
1
Зиновкин Дмитрий 2011-03-06 в 18:24 / МатериалСпам
А на какое событие это возможно сделать?
3
Денис Абдуллин 2011-03-06 в 19:06 / МатериалСпам
setTimeOut
1
Зиновкин Дмитрий 2011-03-06 в 21:59 / МатериалСпам
А не могли бы Вы поподробнее этот момент объяснить?
3
Денис Абдуллин 2011-03-07 в 13:06 / МатериалСпам
Через данный плеер это будет сложнее сделать, и я бы посоветовал другой, если нужно проще. На основе setTimeOut будет длинный код, который менял бы мелодию по заданному времени... Но и тут улавливается масса минусов, поэтому в скором времени я подумаю над этим... Попробую изменить плеер.
3
Денис Абдуллин 2011-03-03 в 12:51 / МатериалСпам
Такой возможно сделать, использую этот плеер.
1
Зиновкин Дмитрий 2011-02-28 в 16:38 / МатериалСпам
А есть ли возможность объединить несколько плееров на странице таким образом, чтобы при окончании одной песни сразу запускалась следующая?
3
Дмитрий Афиногенов 2010-12-09 в 15:25 / МатериалСпам
Можете мне помочь у меня чего-то не работает. Сделал все как написано
0
Денис Абдуллин 2010-12-11 в 12:45 / МатериалСпам
Вроде всё понятно должно быть...
2
Java Script 2010-11-06 в 19:13 / МатериалСпам
Не стандартный, зеленый стиль, тоже красив
1
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.