Аудиоплеер с плейлистом и ссылкой на скачивание - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Суббота, 10.12.2016
Скрипты для uCoz » Аудиоплеер с плейлистом для сайта » Аудиоплеер с плейлистом и ссылкой на скачивание

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Аудиоплеер с плейлистом и ссылкой на скачивание

Большой аудио-плеер с плейлистом для сайта




Аудиоплеер имеет размеры 820Х450,оснащён подробным описанием установленной композиции и ссылкой на её скачивание.Возможно изменить расцветку управления в плеере, она производится в файле плейлиста, в местах изменений примера сделаны комментарии.Цвет можно подобрать воспользовавшись поиском сайта и введя в него слово цвет, применяется цветовой код HEX , например (8C9193).Описание добавленных композиций возможно только на английском языке.Для установки Вам потребуется скопировать код примера на страницу поддерживающую HTML режим.
Файл плейлиста для плеера имеет расширение .xml, вот как его сделать:

1.Скачайте папку с исходными файлами ЗДЕСЬ

2.Закачайте файлы из архива dsbigpleer.swf и swfobject.js на сервер своего сайта

3.Откройте файл playlist.xml блокнотом и отредактируйте

4.Закачайте изменённый файл playlist.xml на сервер своего сайта

5.Отредактируйте внеся свои изменения

6.Скопируйте код плеера для установки ниже

7.Измените пути к файлам на свои

8.Установите изменённый код, там где зотите видеть плеер

Ниже есть пример кода плейлиста для установки, в нём указаны комментарии в местах гипотетических регулировок.Если возникнут проблемы с установкой или предложения по теме укажите их в комментарии материала.






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


<style>
#flashcontent {
height:450px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
width:820px;
padding-bottom:10px;
padding-top:5px;
}
</style>
<script src="http://delaisait.ucoz.ru/js/muzik/swfobject.js" language="javascript"></script>
<div id="flashcontent" class="flashcontent" style="height:376;"><p align="center">This content requires the Adobe Flash Player.<br />
<a href="../../../../../www.adobe.com/go/getflashplayer">
<img src="../../../../../www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /><br />
<a href=../../../../../www.macromedia.com/go/getflash/default.htm>Get Flash</a></p>
</div>
<script type="text/javascript">
var so = new SWFObject("http://delaisait.ucoz.ru/swf/1/1/2013/dsbigpleer.swf", "main", "820", "440", "9", "#000000");
so.addParam("wmode", "transparent");
so.addParam("allowFullScreen", "true");
so.addVariable("xmlFile", "Здесь путь к файлу/playlist.xml");
so.write("flashcontent");
</script>



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



<settings>
<!-- Автовоспроизведение (true - разрешить) -->
<autoStart>false</autoStart>
<looping>false</looping>
<!-- Изначальный уровень громкости -->
<volume>0.7</volume>
<!-- Цвет индикатора громкости -->
<volumeBarColor>green</volumeBarColor>
<!-- Цвет текста плейлиста -->
<fontColor>0x8C9193</fontColor>
<!-- Цвет текста плейлиста при наведении мышкой -->
<hoverColor>0x336402</hoverColor>
<oddCellColor>0x101212</oddCellColor>
<evenCellColor>0x17171C</evenCellColor>
<activeCellColor>0x33CC00</activeCellColor>
<!-- Цвет бордюра вокруг текста в плейлисте -->
<cellBorderColor>0x212223</cellBorderColor>
<!-- Цвет бордюра вокруг текста в плейлисте при нажатии мышкой -->
<activeCellBorderColor>0x277E01</activeCellBorderColor>
<!-- Цвет текста в эквалайзере при регулировке громкости -->
<volumeDisplayText>0xA4B5B9</volumeDisplayText>
<!-- Цвет в эквалайзере  -->
<equalizerBarColor>0xFF777777</equalizerBarColor>
<equalizerBackColor>0x3E5618</equalizerBackColor>
<item>
<song src="Здесь ссылка на композицию" track="Здесь название композиции" duration="Здесь длительность композиции" />
<info artist="Здесь имя исполнителя" album="Здесь название альбома" />
<itunes addToCart="true" link="Здесь ссылка на композицию (для скачивания)" target="_blank" />
</item>
<item>
<song src="Здесь ссылка на композицию" track="Здесь название композиции" duration="Здесь длительность композиции" />
<info artist="Здесь имя исполнителя" album="Здесь название альбома" />
<itunes addToCart="true" link="Здесь ссылка на композицию (для скачивания)" target="_blank" />
</item>
<item>
<song src="Здесь ссылка на композицию" track="Здесь название композиции" duration="Здесь длительность композиции" />
<info artist="Здесь имя исполнителя" album="Здесь название альбома" />
<itunes addToCart="true" link="Здесь ссылка на композицию (для скачивания)" target="_blank" />
</item>
</settings>



Рабочий вариант примера для проверки в редакторе


<style>
#flashcontent {
height:450px;
margin-top:40px;
margin-left:auto;
margin-right:auto;
width:820px;
padding-bottom:10px;
padding-top:5px;
}
</style>
<script src="http://delaisait.ucoz.ru/js/muzik/swfobject.js" language="javascript"></script>
<div id="flashcontent" class="flashcontent" style="height:376;"><p align="center">This content requires the Adobe Flash Player.<br />
<a href="../../../../../www.adobe.com/go/getflashplayer">
<img src="../../../../../www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /><br />
<a href=../../../../../www.macromedia.com/go/getflash/default.htm>Get Flash</a></p>
</div>
<script type="text/javascript">
var so = new SWFObject("http://delaisait.ucoz.ru/swf/1/1/2013/dsbigpleer.swf", "main", "820", "440", "9", "#000000");
so.addParam("wmode", "transparent");
so.addParam("allowFullScreen", "true");
so.addVariable("xmlFile", "http://delaisait.ucoz.ru/swf/1/1/2013/playlist.xml");
so.write("flashcontent");
</script>



Проверьте рабочий вариант примера в редакторе









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 7324 | Добавил: IZOTOP | Рейтинг: 5.0/3

    Всего комментариев: 11
    0   Спам
    11 alexeyvoloshin   (28.07.2013 11:47)
    Аватар alexeyvoloshin Все работает прекрасно!!! Спасибо большое smile
    Единственный минус: нет возможности перематывания (быстрого просмотра) композиций... Только воспроизвести, остановить, переключить на предыдущую, следующую... Возможно ли в нем добавить временную шкалу для выбора интересующего места, как это реализовано абсолютно во всех плеерах?

    0   Спам
    9 Dark_Dante   (08.07.2013 20:25)
    Аватар Dark_Dante Приветствую Вас hello ,хотелось бы узнать,возможно ли с вашей стороны переписать флэш плеер на http://sofyasofiya.ru/index-3.html?act=mp3pl&page=1 за вознаграждение с моей стороны. Нужен именно такой плеер с этим дизайном(можно взять со страницы их фаил JS) для проигрывания 1 трека по нужной мне "ссылке .mp3" (без плейлиста)

    Главное чтобы в архиве не было нудного XML-файла (плейлиста)
    wacko , не сталкивался еще с языками разметки smile

    Ответ + разумную стоимость прошу в ЛС или сюда в коменты,заранее благодарен shades

    0   Спам
    10 IZOTOP   (10.07.2013 10:29)
    Аватар IZOTOP Привет!
    Не получилось его переделать, файл защищён от декомпиляции и при обработке теряет работоспособность.
    На сайте uCoz в исходном состоянии этот плеер работать не будет, дело в том что в корне сайта должна быть создана папка load, а папку с таким названием создать нельзя, она системная.

    0   Спам
    7 Wolifinhtein   (26.06.2013 17:11)
    Аватар Wolifinhtein другой плеер с другим треком

    0   Спам
    8 IZOTOP   (28.06.2013 18:02)
    Аватар IZOTOP Вот посмотри я сделал материал. Всё как тебе хотелось.
    Без плейлиста, один трек заканчивается сразу начинается другой.
    Только эта тема покруче тем что плеер по сути один, а воспроизводит все материалы.
    Если материалов будет 50 и к каждому будет прикреплён плеер, страница даже при хорошей скорости инета у пользователя будет долго грузиться.

    0   Спам
    6 Wolifinhtein   (26.06.2013 16:11)
    Аватар Wolifinhtein к примеру вот плеер <object id="audioplayer" type="application/x-shockwave-flash" data="http://delaisait.ucoz.ru/script/audio/uppod/uppod-audio.swf" width="320" height="60">
    <param name="allowScriptAccess" value="always">
    <param name="wmode" value="transparent">
    <param name="movie" value="http://delaisait.ucoz.ru/script/audio/uppod/uppod-audio.swf">
    <param name="flashvars" value="st=http://delaisait.ucoz.ru/script/audio/uppod/st/sbk320x60.txt&file=http://delaisait.ucoz.ru/script/audio/uppod/serch.mp3">
    </object>
    вот ссылка на аудио файл http://delaisait.ucoz.ru/script/audio/uppod/serch.mp3
    а как трек в плеере заканчивается автаматически переключился на другой плеер с другим треком

    0   Спам
    4 Wolifinhtein   (25.06.2013 22:28)
    Аватар Wolifinhtein люди подскажите как сделать плеер без плей листа и без залива на сайт только по ссылке с автопереключением песен

    0   Спам
    5 IZOTOP   (26.06.2013 09:33)
    Аватар IZOTOP Не совсем понятен вопрос, как понять "по ссылке"?
    Чтобы при нажатии на ссылку играла музыка и сама переключалась?

    0   Спам
    3 IZOTOP   (01.03.2013 22:43)
    Аватар IZOTOP eeeeeeeeeeeeeerrrrr, рад за тебя.
    Желаю удачи!

    0   Спам
    2 IZOTOP   (01.03.2013 06:51)
    Аватар IZOTOP eeeeeeeeeeeeeerrrrr ВОТ ссылка на архив с исходниками плеера.
    в архиве есть плейлист с 4 композициями которые ты написал.
    Плеер работает только если файлы загружены на сайт где установлен плеер.
    я переделал материал, молодец дружище что не сдался, так и надо.

    0   Спам
    1 eeeeeeeeeeeeeerrrrr   (28.02.2013 15:31)
    Аватар eeeeeeeeeeeeeerrrrr цвет пускай будет такой как на скриншоте


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]