Как заставить HTML-элемент оставаться на нескольких HTML-страницах
У меня есть веб-страница - онлайн-комикс: prophetsangel.net, и у меня есть HTML-плеер, который воспроизводит музыку. Цель этого игрока - добавить дополнительный атмосферный контент в комикс. Теперь каждая отдельная страница комиксов имеет свою собственную html-страницу: slide00001.html slide00002.html slide00003.html slide00004.html и т. Д.
В настоящее время я использую предварительно разработанный сервис, который отображает музыкальный проигрыватель на каждой странице. без обновления. Вот где вы можете найти его код: http://scmplayer.net/
Теперь я хочу перейти на использование стандартного тега HTML5 для воспроизведения моих звуков, но я хочу указать, на каких HTML-страницах будет отображаться конкретный проигрыватель.
Например, я хочу, чтобы проигрыватель 1 отображался на slide00001.html slide00002.html и slide00003.html, но я хочу, чтобы проигрыватель 2 с совершенно другой музыкой отображался на slide00004.html и slide00005.html.
Мне требуется постоянное отображение, чтобы при переходе пользователя с slide00001.html к slide00002.html не приходилось перезагружать музыку проигрывателя.
Возможно, есть код, который я бы поместил на html-странице, чтобы проигрыватель начал играть, например. Я хочу, чтобы игрок 1 начал играть в файле slide00002.html, я вставляю код в раздел head или body, где указывается "оставить плеер открытым для slide00003.html, slide00004.html slide00005.html". Теперь, когда он достигает slide00006.html, исходный код больше не будет активным, и я укажу тот же код, но с другой музыкой и разными страницами отслеживания "оставьте плеер открытым для slide00007.html, slide00008.html slide00009.html"
Просто подумал, что это может помочь понять сообщение правильно.
1 ответ
Вам следует подумать о том, чтобы сделать весь сайт одной HTML-страницей и использовать AngularJS, Moustache.js или аналогичную технологию, чтобы перенаправлять пользователей к различным частям (небольшие фрагменты HTML, которые можно создавать / удалять в javascript) без фактического перехода на другую страницу. Таким образом, части вашего сайта могут измениться, не обновляя все.
Я действительно сделал это для моего средства просмотра веб-комиксов (работа в процессе): http://ucfpawn.dyndns.info/WebComicService/new.html