Эффект перехода и остановки аудиоплеера - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 02.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Слайдшоу для сайта uCoz



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



Эффект перехода и остановки аудиоплеера

Настраиваем аудиоплеер для перехода и отключения




После воспроизведения композиции в одном аудиоплеере будет сделан переход на следующий аудиоплеер. При включении следующего аудиоплеера играющий отключится. Тоесть по сути выполняются 2 эффекта в которых одним является автоматический переход на следующую аудиокомпозицию, а во втором исключается одновременное воспроизведение в нескольких одновременно включенных аудиоплеерах. Подобные возможности достигаются путём идентификации каждого аудиоплеера в отдельности. Если нумерация ID последовательная в сторону увеличения значений тогда автоматический переход от одного плеера к другому будет осуществлён. Отключение воспроизведения в играющем аудиоплеере при включении другого аудиоплеера будет работать независимо от последовательности присвоенных идентификаторов. Подобный способ настроек актуален только для аудиоплееров компании Uppod не имеющих плейлиста, таких аудиоплееров достаточное количество в разнообразии присутствует в категории Аудиоплеер для сайта uCoz. Тем кто дочитал до этого места и ничего не понял советую прибегнуть к распространённому методу тыка, для этого воспользуйтесь "Редактором HTML" нажав на картинку в левом нижнем углу страницы поместив в него код для проверки. При наличии вопросов технического харрактера прошу использовать стандартную форму комментариев материала, для остальных тем вполне сгодится форма комментов ВКонтакте.





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

Это пример кода в котором каждый плеер имеет свой идентификатор по порядку. У каждого аудиоплеера задействованы свои файлы стилей как пример применения к любому аудиоплееру. Дополнительно нужно указать ширину и высоту, она указана в материалах каждого из аудиоплееров Uppod этого сайта, ну и разумеется каждый из аудиоплееров имеет ссылку на аудиофайл. Этот пример кода для установки можно проверить в "Редакторе HTML", для этого нажмите на картинку в нижнем левом углу сайта, откроется панель с правой стороны, в самом верху найдите кнопку редактора, откройте его, скопируйте в него код, проверьте.



<script language="JavaScript" src="//delaisait.ucoz.ru/script/audio/end-playlist/uppod_ajax.js"></script>
<script language="JavaScript" src="//delaisait.ucoz.ru/script/audio/end-playlist/swfobject.js"></script>
<div id="audioplayer1"></div>
<script>
var flashvars = {"uid":"audioplayer1","m":"audio","st":"//delaisait.ucoz.ru/script/audio/uppod/st/bs450x52.txt","file":"//delaisait.ucoz.ru/Ramshtain.mp3"};
var params = {id:"audioplayer1",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("//delaisait.ucoz.ru/script/audio/end-playlist/uppod.swf", "audioplayer1", "450", "52", "10.0.0", false, flashvars, params);
</script>
<br>
<div id="audioplayer2"></div>
<script>
var flashvars = {"uid":"audioplayer2","m":"audio","st":"//delaisait.ucoz.ru/script/audio/uppod/st/bjk401x40.txt","file":"//delaisait.ucoz.ru/HI-FI-DOICH.mp3"};
var params = {id:"audioplayer2",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("//delaisait.ucoz.ru/script/audio/end-playlist/uppod.swf", "audioplayer2", "401", "40", "10.0.0", false, flashvars, params);
</script>
<br>
<div id="audioplayer3"></div>
<script>
var flashvars = {"uid":"audioplayer3","m":"audio","st":"//delaisait.ucoz.ru/script/audio/uppod/st/yt300x25.txt","file":"//delaisait.ucoz.ru/Serch.mp3"};
var params = {id:"audioplayer3",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("//delaisait.ucoz.ru/script/audio/end-playlist/uppod.swf", "audioplayer3", "300", "25", "10.0.0", false, flashvars, params);
</script>



Реализация аудиоплеера для вида материалов uCoz

Т.к основным элементом правильной работы эффекта управления аудиоплееров является уникальность их ID, в "Виде материалов" нужно использовать вместо числового значения (например audioplayer1) оператор присвоения индивидуального идентификатора (audioplayer$ID$), ниже предоставлен код для установки в вид материалов.



<script language="JavaScript" src="//delaisait.ucoz.ru/script/audio/end-playlist/uppod_ajax.js"></script>
<script language="JavaScript" src="//delaisait.ucoz.ru/script/audio/end-playlist/swfobject.js"></script>
<div id="audioplayer$ID$"></div>
<script>
var flashvars = {"uid":"audioplayer$ID$","m":"audio","st":"//delaisait.ucoz.ru/script/audio/uppod/st/bs450x52.txt","file":"//delaisait.ucoz.ru/Ramshtain.mp3"};
var params = {id:"audioplayer$ID$",allowFullScreen:"true",allowScriptAccess:"always",wmode:"transparent"};
new swfobject.embedSWF("//delaisait.ucoz.ru/script/audio/end-playlist/uppod.swf", "audioplayer$ID$", "450", "52", "10.0.0", false, flashvars, params);
</script>
<br>



Эффект перехода и отключения в работе

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













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



Ссылка:
BB code:




  • ©
  • | Просмотров: 679 | Добавил: IZOTOP | Рейтинг: 0.0/0
    | Теги: остановка при переходе на следующий, настроить переход воспроизведения

    Вы будете первый кто оставит комментарий

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