Xwab
Форумыnavigate_nextДругие языки программирования

mp3 плеер ajax
Сообщения
sew960i

Вконтакте обновился плеер... Теперь музыка при переходе остается...
----------------
Вот новость:
3. Аудиозаписи продолжают проигрываться в левой нижней части экрана, даже если Вы перешли на другую страницу.
Музыка из списка Ваших аудиозаписей играет в фоне почти во всех разделах ВКонтакте.
------------------
Как такое у себя сделать? И может у кого есть такой или похожий скрипт?

03 Май 2011, 23:48
iceman12

Честно говоря не смотрел внутри, но вполне возможно, что применяется внутреннее storage/websql

04 Май 2011, 5:33
suhonok

У них ифрейм по-моему, то бишь по факту страница не обновляется вот и сохраняется текущее воспроизведение

04 Май 2011, 5:42
NeOdin

sew960i, Пашке пробовал написать?
Он вроде не жадный

04 Май 2011, 9:19
Sandr

4, Пашка молчит.

04 Май 2011, 9:25
NeOdin

Sandr, вотсцукамлять! Можно кстати Бабичу Ваське написать, попробовать договорится...(кроме шуток)

04 Май 2011, 9:37
iceman12

Исходный html&js посмотрите

04 Май 2011, 11:00
sew960i

JS http://vkontakte.ru/js/audio.js
CSS http://vkontakte.ru/css/audio.css
HTML
<tr> <td class="play_btn" id="gp_play_btn_large"><a onclick="playAudioNew('***id***_105685404_1', false)"><div class="gp_play_wrap"><div style="background-position: 0px -11px;" class="gp_play" id="gp_play_large"></div></div></a></td> <td class="audio_info" id="gp_audio_info_large"> <div style="width: 330px;" class="title_wrap"><div class="fl_l"><b>Confide</b> - The View From My Eyes</div><div style="right: 0px;" class="duration fl_r">3:38</div></div> <div class="player_wrap"> <div style="display: none;" id="gp_line" class="playline"><div></div></div> <div style="display: block;" id="gp_player" class="player" ondragstart="return false;" onselectstart="return false;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td style="width: 100%; padding: 0px; position: relative;"> <div id="gp_back_line" class="audio_white_line" onmousedown="audioPlayer.prClick(event);"></div> <div id="gp_load_line" class="audio_load_line" onmousedown="audioPlayer.prClick(event);"><!-- --></div> <div style="width: 0%;" id="gp_pr_line" class="audio_progress_line" onmousedown="audioPlayer.prClick(event);"> <div style="left: 0px; opacity: 1;" id="gp_pr_slider" class="audio_pr_slider"><!-- --></div> </div> </td> </tr> </tbody></table> </div> </div> </td> <td id="gp_vol" ondragstart="return false;" onselectstart="return false;"> <div id="gp_vol_back" class="audio_white_volume_line" onmousedown="audioPlayer.volClick(event);"><!-- --></div> <div id="gp_vol_line" class="audio_volume_line" onmousedown="audioPlayer.volClick(event);"> <div style="left: 13px;" id="gp_vol_slider" class="audio_vol_slider"><!-- --></div> </div></td> <td class="gp_controls"> <div style="opacity: 0.6;" class="prev" onmouseover="animate(this, {opacity: 1}, 100)" onmouseout="animate(this, {opacity: .6}, 100)" onclick="if (audioPlayer) audioPlayer.prevTrack();"></div> <div style="opacity: 0.6;" class="repeat" onmouseover="animate(this, {opacity: .8}, 100)" onmouseout="animate(this, {opacity: hasClass(this, 'on') ? 1 : .6}, 100)" onclick="if (audioPlayer) audioPlayer.toggleRepeat();"></div> <div style="opacity: 0.6;" class="next" onmouseover="animate(this, {opacity: 1}, 100)" onmouseout="animate(this, {opacity: .6}, 100)" onclick="if (audioPlayer) audioPlayer.nextTrack();"></div> </td> <td class="close"> <div id="gp_close_wrap" onmouseover="ge('gp_close').style.backgroundPosition = '0 -60px'" onmouseout="ge('gp_close').style.backgroundPosition = '0 -55px'" onclick="if (audioPlayer) audioPlayer.gpDisabled = true; toggleGlobalPlayer(false);"> <div id="gp_close"></div> </div> </td> </tr>

Ну и как все это слепить вместе, что бы нормально работало?

06 Май 2011, 11:58
manyrus

, ну не сюда же

06 Май 2011, 12:14
Ъb

1. Страница не перезагружается, вся навигация по сайту достигнута при помощи аякса, это можно поглядеть у нас на феклабе.
2. Взаимодействие флеш и жабаскрипт.
Впринципе если надо первое могу подробно объяснить.. Вот второе темный лес

06 Май 2011, 14:39
Ответить на тему