← Форум / Вопросы / Авто воспроизведение музыки
Добрый день! обращаюсь к вам уже несколько раз. У меня проблема на html5 авто-переключение трека на следующий трек, движок ucoz. Плейлист как то создавать с таким количеством треком не реально дума. Люди добрые помогите с этим вопросом, может кто знает скрипт запилит за разумную цену. Заранее благодарю! Ссылка на сайт
| maksat92 | Ссылка на пост (Смотрели 5316) | 03.11.17 21:02 Ответить |
Типа как на сайте вк.?? Но там совсем иначе устроен плеер со скриптом
<script type="text/javascript">
player();
function player(){
vars={"m":"audio","uid":"Player$ID$", st:"uppodaudio",};
player = new Uppod(vars);
}
</script>
player();
function player(){
vars={"m":"audio","uid":"Player$ID$",pl:"ЗДЕСЬ ССЫЛКА НА ПЛЕЙЛИСТ",st:"uppodaudio",};
player = new Uppod(vars);
}
</script>
Напиши мне ссылку на ту пустую страницу..я гляну
Только в отдельной пустой страничке…не на самом сайте ,а чтобы сам аудио плеер был один на страничке пустой
)?>$SOURCE_URL$<?else?>$FILE_URL$<?endif?><?endif?>’); player.Comment(’$TITLE$’), Poster(’$SCREEN_URL$’)" alt="$TITLE$" title="Слушать" tabindex="1">Слушать</a>
Код подключение "Главная страница"
<script type="text/javascript">
player();
function player(){
vars={"m":"audio","uid":"Player$ID$", pl:’$MYINF_11$’, st:"uppodaudio", poster:"
player = new Uppod(vars);
}
</script>
"Вверх ни часть сайта" (Отображение плеера.)
<div class="player2" id="Player$ID$" style="height:66px; width:375px; margin:0 10px; float:left;" ></div>
"Шаблон информера"
{"file":"$FILE_DIRECT_URL$","comment":"$TITLE$"},
Я хочу зайти на страничку..это там где будет только один твой аудио плеер..ну и 2 ,3 мелодии..
Просто проверить хочу его работу
Это что ты написал мне не понять..только ты поймёшь..потому-что ты его прописываешь на своём сайте
А мне было бы понятнее зайти на страничку ..вот как я захожу на твой сайт и там твой аудио плеер
Вот также я хочу зайти на страничку с аудио плеером твоим..только чтобы аудио плер там был один
А если сделать без API ,но с плейлистом?
не пойму почему выходит ошибка
Это скрин
var uppodaudio = "#07b02207507206c07007206f07406506307405f07307706602203a02203002202c02207306307206506506e06306f06c06f07202203a02206506406506406506402202c02207306906402203a02203203103202d03603503802202c02207507206c07007206f07406506307405f07206506602203a02203002202c02207702203a03303703502c02207507206c07007206f07406506307405f07706107206e06906e06702203a03002c02207507007007202203a03002c02206306e07407206c05f07406906d06505f06106c06c02203a07b02206306f06c06f07202203a02206603406603406603402202c02206906306f06e02203a02203302202c02206d06107206706906e06c06506607402203a03903502c02206d06107206706906e06206f07407406f06d02203a03807d02c02207007206f02203a03102c02206206706306f06c06f07202203a02206606606606606606602202c02206c06106e06702203a02207207502202c02206306f06d06d06506e07406206706306f06c06f07202203a02206506406506406506402202c02206a07306f06e06406f07706e06c06f06106402203a02203102202c02206e06f07406507306206706306f06c06f07202203a02203002202c02206306e07407206c05f07007206507602203a07b02206d06107206706906e07206906706807402203a03103402c02207006906302203a03102c02206d06107206706906e06206f07407406f06d02203a03103002c02206906306f06e02203a02206807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f02f07006c06107906507205f06e06507702f06206106306b02e07006e06702207d02c02206306f06e07407206f06c07302203a02207006c06107902c06c06906e06502c07406906d06505f07006c06107902c07406906d06505f06106c06c02c07606f06c06206107206c06906e06502c07006c06107906c06907307402202c02206802203a03603502c02206906403302203a03102c02206306e07407206c05f07406906d06505f07006c06107902203a07b02206306f06c06f07202203a02206606606606606606602202c02206906306f06e02203a02203302202c02206d06107206706906e06c06506607402203a02d03103502c02206d06107206706906e06206f07407406f06d02203a03807d02c02206306e07407206c06206702203a03002c02206d02203a02206107506406906f02202c02206306e07407206c05f06c06906e06502203a07b02206607506c06c02203a03102c02206f02203a03002e03202c02206d06107206706906e07206906706807402203a03103403502c02206306f06c06f07205f07006c06107902203a02203603206106606403302202c02206207506606606c06906e06506306f06c06f07202203a02206606606606606606602202c02206d06107206706906e07406f07002203a02d03902c02206506606602203a02203002e03302202c02206802203a03203302c02206c06f06106405f06102203a03002e03102c02206d06107206706906e06c06506607402203a03303502c02207006c06107905f06102203a03002e03902c02206306f06c06f07205f06106c06c02203a02203703706206606503102202c02206106c06c05f06102203a03107d02c02206306e07407206c06d06107206706906e02203a03203002c02206e06106d06507406f07006106e06506c02203a03102c02206206906706207507407306f06e06d06f06206906c06502203a03102e03102c02206306e07407206c05f06e06507807402203a07b02207006906302203a03102c02206d06107206706906e06206f07407406f06d02203a03103002c02206906306f06e02203a02206807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f02f07006c06107906507205f06e06507702f06e06507807402e07006e06702207d02c02207006906307306306106c06502203a02203302202c02206306e07407206c05f07606f06c06206107206c06906e06502203a07b02206802203a03203302c02206d06107206706906e06206f07407406f06d02203a03902c02206306f06c06f07205f06106c06c02203a02206603306306403403902202c02206106c06c05f06102203a03102c02206f02203a03002e03202c02206306f06c06f07205f06c06f06106402203a02206503406206603306602202c02206d06107206706906e06c06506607402203a02d03303202c02207702203a03403607d02c02206107506406906f06207506606606507202203a03502c02206306f06d06d06506e07406206706106c07006806103102203a03102c02206306e07407206c05f07006c06107902203a07b02207006906302203a03102c02206d06107206706906e06206f07407406f06d02203a03103002c02206906306f06e02203a02206807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f07006c06107906507205f06e06507702f07006c06107907006c06107902e07006e06707c06807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f07006c06107906507205f06e06507702f07006107507306507006107507306502e07006e06702202c02207006906305f06802203a03203302c02207006906305f07702203a03403002c02206806106c06606906306f06e06907306f07606507202203a03107d02c02207006c07006c06107902203a03102c02206306e07407206c06506e06406d06107206706906e02203a03802c02206306e07407206c06f07507406806506906706807402203a03303802c02206306f06d06d06506e07406306f06c06f07202203a02203903403903403903402202c02206d06107207107506506502203a03103702c02206306f06d06d06506e07406206706106c07006806103202203a03102c02206e06106d06506306f06c06f07202203a02203903403903403903402202c02207006c07407506d06207302203a03102c02207706107406306802203a03107d";
Пример:
<div class="player2" id="Player$ID$" style="height:66px; width:375px; margin:0 10px; float:left;" ></div>
код html5
<script type="text/javascript">
player();
function player(){
vars={"m":"audio","uid":"Player$ID$", pl:'$MYINF_11$', st:"uppodaudio", poster:"http://livemusical.kz/player_new/livepost.jpg"};
player = new Uppod(vars);
}
</script>
Запускает при нажатие на кнопку "Слушать"
<a class="logoring_play start" onclick="player.Play('<?if($RFILE_URL$)?>http://rghost.ru/download/action/$SOURCE_URL$/mp3<?else?><?if($SOURCE_URL$)?>$SOURCE_URL$<?else?>$FILE_URL$<?endif?><?endif?>'); player.Comment('$TITLE$'), Poster('$SCREEN_URL$')" alt="$TITLE$" title="Слушать" tabindex="1">Слушать</a>
<script type="text/javascript" src="http://livemusical.kz/js/audio212-575.js"></script>
<div id="audio" style="width:375px;height:66px;"></div>
<script type="text/javascript">this.audioplayer = new Uppod({m:"audio",uid:"audio",pl:'{"playlist":[{"file":"http://livemusical.kz/_ld/44/4466_Sean_Paul-She_C.mp3"},{"file":"http://livemusical.kz/_ld/44/4468_Malina_Tanase_R.mp3"}]}',st:"uppodaudio"});</script>
Короче нужно редактировать стиль самого плеера на сайте uppod
<div id="audio" style="width:375px;height:66px;"></div>
<script type="text/javascript">this.audioplayer = new Uppod({m:"audio",uid:"audio",pl:'{"playlist":[{"file":"http://livemusical.kz/_ld/44/4466_Sean_Paul-She_C.mp3"},{"file":"http://livemusical.kz/_ld/44/4468_Malina_Tanase_R.mp3"}]}',st:"#07b02207006c06c06906d06907402203a03503002c02207006906307306306106c06502203a02203302202c02206306e07407206c05f07406906d06505f07006c06107902203a07b02206906306f06e02203a02203302202c02206d06107206706906e06c06506607402203a02d03103502c02206306f06c06f07202203a02206606606606606606602202c02206d06107206706906e06206f07407406f06d02203a03807d02c02207702203a03303703502c02206e06106d06507406f07006106e06506c02203a03102c02206306e07407206c05f07007206507602203a07b02206d06107206706906e07206906706807402203a03103402c02206906306f06e02203a02206807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f02f07006c06107906507205f06e06507702f06206106306b02e07006e06702202c02207006906302203a03102c02206d06107206706906e06206f07407406f06d02203a03103007d02c02207507206c07007206f07406506307405f07206506602203a02203002202c02206206706306f06c06f07202203a02206606606606606606602202c02206306f06d06d06506e07406206706306f06c06f07202203a02206506406506406506402202c02207507206c07007206f07406506307405f07706107206e06906e06702203a03002c02206e06f07406507306206706306f06c06f07202203a02203002202c02206802203a03603502c02206306e07407206c05f07006c06107902203a07b02207006906305f06802203a03203302c02206d06107206706906e06206f07407406f06d02203a03103002c02206906306f06e02203a02206807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f07006c06107906507205f06e06507702f07006c06107907006c06107902e07006e06707c06807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f07006c06107906507205f06e06507702f07006107507306507006107507306502e07006e06702202c02207006906305f07702203a03403002c02206806106c06606906306f06e06907306f07606507202203a03102c02207006906302203a03107d02c02206306e07407206c06206702203a03002c02207306906402203a02203203103202d03603503802202c02206306f06e07407206f06c07302203a02207006c06107902c06c06906e06502c07406906d06505f07006c06107902c07406906d06505f06106c06c02c07606f06c06206107206c06906e06502c07006c06107906c06907307402202c02206c06106e06702203a02207207502202c02206906403302203a03102c02207007206f02203a03102c02206306e07407206c05f07406906d06505f06106c06c02203a07b02206906306f06e02203a02203302202c02206d06107206706906e06c06506607402203a03903502c02206306f06c06f07202203a02206603406603406603402202c02206d06107206706906e06206f07407406f06d02203a03807d02c02206d02203a02206107506406906f02202c02207006c07406802203a03203002c02206206906706207507407306f06e06d06f06206906c06502203a03102e03102c02206107506406906f06207506606606507202203a03502c02207006c07006c06107902203a03102c02207006c07407702203a03203002c02206306e07407206c05f06e06507807402203a07b02206906306f06e02203a02206807407407003a02f02f06c06907606506d07507306906306106c02e06b07a02f02f07006c06107906507205f06e06507702f06e06507807402e07006e06702202c02207006906302203a03102c02206d06107206706906e06206f07407406f06d02203a03103007d02c02206a07306f06e06406f07706e06c06f06106402203a02203102202c02206d06107207107506506502203a03103702c02207006c07006c06107903102203a02203002202c02206306e07407206c05f06c06906e06502203a07b02206607506c06c02203a03102c02206106c06c05f06102203a03102c02207006c06107905f06102203a03002e03902c02206207506606606c06906e06506306f06c06f07202203a02206606606606606606602202c02206306f06c06f07205f07006c06107902203a02203603206106606403302202c02206f02203a03002e03202c02206506606602203a02203002e03302202c02206d06107206706906e07406f07002203a02d03902c02206c06f06106405f06102203a03002e03102c02206802203a03203302c02206d06107206706906e07206906706807402203a03103403502c02206d06107206706906e06c06506607402203a03303502c02206306f06c06f07205f06106c06c02203a02203703706206606503102207d02c02206306f06d06d06506e07406206706106c07006806103202203a03102c02206e06106d06506306f06c06f07202203a02203903403903403903402202c02206306e07407206c06f07507406806506906706807402203a03303802c02206306f06d06d06506e07406306f06c06f07202203a02203903403903403903402202c02206306f06d06d06506e07406206706106c07006806103102203a03102c02206306e07407206c05f07606f06c06206107206c06906e06502203a07b02206802203a03203302c02206d06107206706906e06206f07407406f06d02203a03902c02206f02203a03002e03202c02206106c06c05f06102203a03102c02206306f06c06f07205f06c06f06106402203a02206503406206603306602202c02206306f06c06f07205f06106c06c02203a02206603306306403403902202c02207702203a03403602c02206d06107206706906e06c06506607402203a02d03303207d02c02207006c07407506d06207303006106c07006806102203a03002e03402c02206306e07407206c06506e06406d06107206706906e02203a03802c02206306e07407206c06d06107206706906e02203a03203002c02207706107406306802203a03102c02207507206c07007206f07406506307405f07307706602203a02203002202c02207306307206506506e06306f06c06f07202203a02206506406506406506402202c02207507007007202203a03007d"});</script>
Что я делал у себя..я создавал новый файл .tpl и прописывал его в шаблоне
Короче это нужно искать у себя на своём сайте..и выискивать причину
pl:’{"playlist":[{"file":",{"file":"]}’
Вот рабочая ссылка
Загрузить на свой хостинг..а в коде написать ссылку на этот плейлист
Может так будет всё отлично?
Ели нет,то надо в редакторе стилей на сайте uppod ..там где плейлист..выставить переключение
Типа обновляешь..и будут новые песни..там делов на 5 сек
Может типа вот так попробовать сделать??только ссылки свои и комменты свои попрописывай
Я бы те кнопки оставил..кому надо,тот по отдеольности пусть нажимает на них и слушает песни
Через uppod_ajax.js будет после заканчивания мелодии воспроизвдиться другая
Вот пример: зайди посмотри
В шапке будет плеер..и ниже тоже будут плеера..их много будет
<script type="text/javascript" src="http://u2645.netangels.ru/bgmusic/style/audio50-1447.js"></script>
<script language="JavaScript" src="http://remrem.okis.ru/files/1/0/3/10371/st/uppod_ajax.js"></script>
<center><div id="audioplayer1" style="width:70px;height:70px;"></div><script type="text/javascript">this.audioplayer1 = new Uppod({m:"audio",uid:"audioplayer1",file:"http://r926440z.bget.ru/1.mp3",st:"uppodaudio"});</script></center>
</div>
<center><div id="audioplayer2" style="width:70px;height:70px;"></div><script type="text/javascript">this.audioplayer2 = new Uppod({m:"audio",uid:"audioplayer2",file:"http://r926440z.bget.ru/2.mp3",st:"uppodaudio"});</script></center>
</div>
<center><div id="audioplayer3" style="width:70px;height:70px;"></div><script type="text/javascript">this.audioplayer3 = new Uppod({m:"audio",uid:"audioplayer3",file:"http://r926440z.bget.ru/3.mp3",st:"uppodaudio"});</script></center>
Подставь свой код с аудио плеером ,ну и ссылки