Работа плеера без перегрузки страницы

@Tamplierr · Регистрация: 18.04.2011

Студворк — интернет-сервис помощи студентам

Есть JS плеер, как сделать так чтобы плеер не перегружался(при перегрузке, плеер перегружается и музыка прерывается и играет сначала) по время перехода по страницам(а при переходе по странице, происходит перегрузка страницы)
Какие есть варианты решения?
Заранее благодарен

Добавлено через 5 часов 10 минут
Неужели не кто не пробовал что-то подобное сделать без ajax?

KOPOJI · 17.12.2012, 20:47

при "переходе по странице" на сервер каждый раз отсылается новый запрос и возвращается новая страница, заместо старой. Без асинхронных запросов к серверу изменить часть страницы, "не задевая остальное", нельзя.

Добавлено через 1 минуту
вернее нет, вру насчет "заместо старой". target="_blank" все решает

Не по теме:

ну или юзать фреймы, но уж лучше аякс, чем это..

@Tamplierr · 17.12.2012, 20:57 **[ТС]**

Сообщение от KOPOJI

при "переходе по странице" на сервер каждый раз отсылается новый запрос и возвращается новая страница, заместо старой. Без асинхронных запросов к серверу изменить часть страницы, "не задевая остальное", нельзя.

Добавлено через 1 минуту
вернее нет, вру насчет "заместо старой". target="_blank" все решает

Не по теме:

ну или юзать фреймы, но уж лучше аякс, чем это..

А на счет local storage не кто не слышал?

KOPOJI · 17.12.2012, 21:06

http://habrahabr.ru/post/63704/

Добавлено через 20 секунд
если поддержка хрома и оперы не нужно - то пожалуйста..

Добавлено через 1 минуту
хотя может уже и работает, фиг его знает..)

@Tamplierr · 17.12.2012, 21:21 **[ТС]**

Сообщение от KOPOJI

http://habrahabr.ru/post/63704/

Добавлено через 20 секунд
если поддержка хрома и оперы не нужно - то пожалуйста..

Добавлено через 1 минуту
хотя может уже и работает, фиг его знает..)

Легко сказать><, не понятно как в soundmanager2 плеере указать время начала проигрывания><

@Опан · 23.12.2012, 02:23

Есть такое решение - осуществить JavaScript-имитацию переходов по разным страницам в пределах фактически одной страницы:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<title>Переход по страницам без прерывания музыки</title>
<body bgcolor=pink>
<center>
<embed src="music.mp3" hidden="true">
<div id="myid">Содержимое первой страницы<br><br><img src=image1.jpg>
<br><a href=# onClick="store(2)">Ссылка на вторую страницу</a>
<br><a href=# onClick="store(3)">Ссылка на третью страницу</a><br><br>Содержимое первой страницы</div>
 
<script>
 
function store(index){
if(index==1){document.bgColor="pink"; document.getElementById('myid').innerHTML=a};
if(index==2){document.bgColor="gold"; document.getElementById('myid').innerHTML=b};
if(index==3){document.bgColor="PaleTurquoise"; document.getElementById('myid').innerHTML=c};
}
 
str1="<a href=# onClick='store(1)'>Ссылка на первую страницу</a>";
str2="<a href=# onClick='store(2)'>Ссылка на вторую страницу</a>";
str3="<a href=# onClick='store(3)'>Ссылка на третью страницу</a>";
 
a="Содержимое первой страницы<br><br><img src=image1.jpg><br>"+str2+"<br>"+str3+"<br><br>Содержимое первой страницы";
b="Содержимое второй страницы<br><br>"+str1+"<br><img src=image2.jpg><br>"+str3+"<br><br>Содержимое второй страницы";
c="Содержимое третьей страницы<br><br><img src=image3.jpg><br>"+str1+"<br><img src=image5.jpg><br>"+str2+"<br><br>Содержимое третьей страницы";
 
</script>
</center>
</body>

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

@Grand7 · 23.12.2012, 02:31

Лучше будет сделать обновление страницы на ajax (точнее части с контентом), а под плеер оставить статистическую часть, которая не будет обновляться, ну если совсем всё плохо, то - фрейм.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Tamplierr 1 / 1 / 0 Регистрация: 18.04.2011 Сообщений: 49

	Работа плеера без перегрузки страницы 17.12.2012, 19:14. Показов 2208. Ответов 6 Метки нет (Все метки) Есть JS плеер, как сделать так чтобы плеер не перегружался(при перегрузке, плеер перегружается и музыка прерывается и играет сначала) по время перехода по страницам(а при переходе по странице, происходит перегрузка страницы) Какие есть варианты решения? Заранее благодарен Добавлено через 5 часов 10 минут Неужели не кто не пробовал что-то подобное сделать без ajax? 0

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	17.12.2012, 20:47
	при "переходе по странице" на сервер каждый раз отсылается новый запрос и возвращается новая страница, заместо старой. Без асинхронных запросов к серверу изменить часть страницы, "не задевая остальное", нельзя. Добавлено через 1 минуту вернее нет, вру насчет "заместо старой". target="_blank" все решает Не по теме: ну или юзать фреймы, но уж лучше аякс, чем это.. 1

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	17.12.2012, 21:06
	http://habrahabr.ru/post/63704/ Добавлено через 20 секунд если поддержка хрома и оперы не нужно - то пожалуйста.. Добавлено через 1 минуту хотя может уже и работает, фиг его знает..) 1

@Grand7 141 / 63 / 11 Регистрация: 19.06.2012 Сообщений: 250
	23.12.2012, 02:31
	Лучше будет сделать обновление страницы на ajax (точнее части с контентом), а под плеер оставить статистическую часть, которая не будет обновляться, ну если совсем всё плохо, то - фрейм. 0