Можностей, предоставляемых веб-разработчикам


Синхронизация окон с помощью событий хранилища



Pdf көрінісі
бет223/232
Дата06.01.2022
өлшемі5,47 Mb.
#12231
1   ...   219   220   221   222   223   224   225   226   ...   232
Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

Синхронизация окон с помощью событий хранилища
Предположим, что мы создаем веб-сайт радиостанции, включающий всплывающее окно 
проигрывателя, однако в этом окошке отображается только название текущей композиции 
и несколько элементов управления. Я могу выбирать музыку в главном окне, от которого 
отделилось всплывающее окно проигрывателя (или даже в любом другом окне, принад-
лежащим тому же веб-сайту радио, как мы вскоре увидим). Уверен, вы уже слушали таким 
способом музыку через Сеть, и это приемлемый способ сохранения окна проигрывателя 
открытым все время.
ПРИМЕЧАНИЕ
Если вы молоды и проживаете не в Великобритании, то, скорее всего, никогда не слышали 
о Smashie и Nicey — загляните на YouTube и поищите!
Мы запустили проигрыватель с сайта и продолжаем просматривать его страницы. В какой-
то момент мы решаем послушать Кэти Пэрри, резко оборвав вещание Smashie и Nicey. Но 
возникает проблема: мы нажали кнопку Play в главном окне, но во всплывающем окошке не 
появилась информация о том, что теперь мы слушаем «I Kissed a Girl». События хранилища 
сохраняют определенный веб-сайт.
Можно применять возможности API хранилища для проверки, открыто ли всплывающее 
окно, чтобы случайно не включился второй звуковой поток (поверьте, вы не захотите одно-
временно слушать Кэти Пэрри и Smashie с Nicey).
На главном веб-сайте с помощью следующего кода можно отслеживать состояние всплы-
вающего окна. В коде всплывающего окна (показан чуть далее) мы будем прослушивать 
событие, сообщающее, что была запущена новая песня, и своевременно обновлять ин-
формацию.




Достарыңызбен бөлісу:
1   ...   219   220   221   222   223   224   225   226   ...   232




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет