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

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

05.10.2010888218borat

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

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


Это простой проигрыватель аудио для сайта, поэтому речь сейчас идет не о длинном создании проигрывателя, так как это долгое рассусоливание на 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 - эта картинка служит для запуска или отключения мелодии. Вот так например можно изменить этот плеер.




Сохраните в социальную сеть
Комментарии (18)
Java Script 06.11.2010 в 19:13Спам
Не стандартный, зеленый стиль, тоже красив
1
Можете мне помочь у меня чего-то не работает. Сделал все как написано
0
Вроде всё понятно должно быть...
2
А есть ли возможность объединить несколько плееров на странице таким образом, чтобы при окончании одной песни сразу запускалась следующая?
3
Такой возможно сделать, использую этот плеер.
1
А на какое событие это возможно сделать?
3
setTimeOut
1
А не могли бы Вы поподробнее этот момент объяснить?
3
Через данный плеер это будет сложнее сделать, и я бы посоветовал другой, если нужно проще. На основе setTimeOut будет длинный код, который менял бы мелодию по заданному времени... Но и тут улавливается масса минусов, поэтому в скором времени я подумаю над этим... Попробую изменить плеер.
3
Эмиль 17.07.2011 в 11:54Спам
здесь проблемы с перемоткой, а так хотелось поставить этот проигрыватель на свой сайт... =(((
0
Исправлено. Проблем с перемоткой нет теперь.
1
Гость 28.03.2012 в 11:26Спам
а как можно скачать этот плеер???
0
Используй готовый код. Можешь скачать себе http://yraaa.ru/audio_player.js и оттуда вытащить SWF файл и тоже скачать его
0
Гость 28.03.2012 в 18:26Спам
ссылка не рабочая!!!(((
0
Гость 28.03.2012 в 18:30Спам
можно тут просто скачать этот плеер и код для вставки на страницу??
0
костик 07.08.2012 в 16:31Спам
Как совсем убрать перемотку, оставить только кнопки, подскажите?
0
Константин 31.01.2014 в 17:19Спам
Перезалейте файл скрипта
1
Potapova 21.12.2015 в 10:14Спам
Помогите пожалуйста найти плеер вот такого типа http://jurnalo.ru/luchshie-novinki-muzyki-dekabrya-2015/#fwdrapPlayer0?catid=0&trackid=0 ну не именно такой уж прям, а что то похожее, все остальные страшные какие то (
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт