Player проигрывание по очередности

M
На сайте с 16.07.2010
Offline
126
818

Здрасти

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

Есть сайты так там когда заканчивается песня то автоматически начинает играть следующая, хотелось бы узнать как это сделать

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

Вот такой код у плеера

<?

if (strlen($name) > $settings['result_n_length']) {
$name = substr($name, 0, strrpos(substr($name, 0, $settings['result_n_length']), ' ')). '...';
}
?>
<?
$rand= rand();
?>
<div class="one_result">
<script type="text/javascript">
$(document).ready(function(){
$(".example8<?=$rand?>").colorbox({width:"50%", inline:true, href:"#inline_example<?=$rand?>"});
});
</script>
<div class="r_name"><?=$name?></div>
<div class="play_btn_res"><object type="application/x-shockwave-flash" data="<?=WEB_PATH?>flash/player.swf" class="audioplayer1" width="220" height="24">
<param name="movie" value="<?=WEB_PATH?>flash/player.swf"/>
<param name="FlashVars" value="playerID=1&amp;bg=0xCDDFF3&amp;leftbg=0x111111&amp;lefticon=0xffffff&amp;rightbg=0xff8010&amp;rightbghover=0xffa040&amp;righticon=0xffffff&amp;righticonhover=0xFFFFFF&amp;text=0x000000&amp;slider=0x357DCE&amp;track=0xFFFFFF&amp;border=0x222222&amp;titles=&amp;loader=0x000000&amp;soundFile=<?=$url?>"/>
<param name="quality" value="high"/>

<param name="menu" value="true"/>
<param name="wmode" value="transparent"/>

</object>
</div>
<div class="download_link"><a onmouseover="toolTip('<?=$dl_message?>')" onmouseout="toolTip()" href="<?=$url?>">Download</a>|<a class="example8<?=$rand?>" href="#">Embed</a></div>
<!-- This contains the hidden content for inline calls -->
<div style="display:none">
<div id="inline_example<?=$rand?>" style="padding:10px; background:#fff;z-index: 1000;">
<center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="490" height="86" id="omp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="<?=WEB_PATH?>flash/omp3.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="<?=WEB_PATH?>flash/omp3.swf" flashvars="file=<?=$url?>" quality="high" wmode="transparent" bgcolor="#000000" width="490" height="86" name="omp3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object><br/><br/><br/>
<h3>Embed this song on your website or blog:</h3><br/>
<textarea rows="5" id="txtarea" onClick=select(); style="width:545px" readonly>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="490" height="86" id="omp3" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="<?=WEB_PATH?>flash/omp3.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="<?=WEB_PATH?>flash/omp3.swf" flashvars="file=<?=$url?>" quality="high" wmode="transparent" bgcolor="#000000" width="490" height="86" name="omp3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

</textarea>
</center>
</div>
</div>
</div>
Download Music Mp3 (http://google.co.il)
Brand from Amber
На сайте с 18.08.2007
Offline
291
#1

Ха )) Это откуда ты такой код взял?

megallodon:
сделать так что бы нажал на первую песню а остальные автоматически начинали играть

Разбирайся с там, как работают плейлисты в твоём "omp3.swf". Или замени его на что-нибудь более распространённое.

Лучший способ понять что-то самому - объяснить это другому.
Ayavryk
На сайте с 11.10.2003
Offline
209
#2

В дополнение к Brand from Amber,

Может пора подумать об HTML5? Там все прозрачно. У современных броузеров встроенные плееры. При желании можно найти что-то "красивое" или самому написать.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
M
На сайте с 16.07.2010
Offline
126
#3
Ayavryk:
В дополнение к Brand from Amber,
Может пора подумать об HTML5? Там все прозрачно. У современных броузеров встроенные плееры. При желании можно найти что-то "красивое" или самому написать.

Все лишь спросил как сделать автопроигрывание и все, а вы сразу откуда взял куда засунул

Может кто помочь?

Ayavryk
На сайте с 11.10.2003
Offline
209
#4
megallodon:
Может кто помочь?

Только разработчик плеера.

Но если известно API и вы дадите на него ссылку, то вполне возможно кто-то и поможет.

slavegirl
На сайте с 25.06.2012
Offline
388
#5

megallodon, попробуйте плеер от http://uppod.ru/

При отображении нескольких плееров на странице их работу можно контролировать с помощью AJAX:


Uppod.AJAX

Скрипт отключает работающий плеер, при запуске другого.

Как это работает: в тело страницы включается .js файл, который анализирует все подключенные плееры и контролирует их работу. Файл включается в шапку документа стандартным образом (внутри head)
https://t.me/joinchat/RKtR6f68OwU1NzM6  ❤️‍🔥  Сарказм is my orgazm
M
На сайте с 16.07.2010
Offline
126
#6
Ayavryk:
Только разработчик плеера.
Но если известно API и вы дадите на него ссылку, то вполне возможно кто-то и поможет.

Какой API вконтакте чтоли?

Ayavryk
На сайте с 11.10.2003
Offline
209
#7
megallodon:
Какой API вконтакте чтоли?

API плеера который у вас в коде.

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

Если юзаете стандартный (HTML5) или более-менее распространенный (выше подсказали) плеер то у него все это есть и вам укажут где искать. Если юзаете непонятно что - где искать непонятно.

M
На сайте с 16.07.2010
Offline
126
#8
Ayavryk:
API плеера который у вас в коде.
Документация короче нужна, где описано как работать с этим плеером. Можно ли ставить плейлисты, как отловить окончание проигрывание очередного трека, как загрузить новую музычку и т.п.
Если юзаете стандартный (HTML5) или более-менее распространенный (выше подсказали) плеер то у него все это есть и вам укажут где искать. Если юзаете непонятно что - где искать непонятно.

Да вы правы я не совсем разбираюсь можно сказать ваще не разбираюсь что делать, а этот HTML5 это что плеер, его можно будет туда встроить, нужно будет чтонеть дописывать, мне удалось установить этот скрипт на хостинг но вот только нужно каждый раз нажимать что бы следующая песня играла

SK
На сайте с 10.07.2013
Offline
1
#9

megallodon, ваш плеер должен уметь генерировать события JS, либо совершать вызовы функций. Если этого нет, ничего у вас не выйдет.

Ayavryk
На сайте с 11.10.2003
Offline
209
#10
megallodon:
этот скрипт на хостинг но вот только нужно каждый раз нажимать что бы следующая песня играла

На хостинг ставить ничего не нужно. На клиенте в HTML вместо флеша нужно вставить тег:

<audio src="sound.mp3" autoplay control></audio> и плеер готов.

Когда плеер работает он генерирует события своего состояния.

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

var list = ['sound1.mp3','sound2.mp3',......]; // плейлист

var index = 0; // текущая позиция в плейлисте

v = document.getElementsByTagName("audio")[0] // плеер

v.addEventListener('ended', function(){ // обработчик события окончания музычки

if (++index >= list.length) index = 0; // вычисление индекса следующей музычки и зацикливание плейлиста

v.src = list[index] // меняем музычку на следующую из списка

});

При необходимости плеер очень легко кастомизируется.

Подробнее гуглите HTML5 audio

Кстати видео работает точно также. только вместо audio используется тег Video

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий