3

Допустим пользователь запустил воспроизведение аудио, потом открыл новую вкладку и там опять запустил, нужно поставить аудио на паузу на предыдущей вкладке при активации воспроизведения на текущей. Собственно так сделано в VK.

2 ответа 2

3

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

window.addEventListener('storage', function(event) {
    //Действие которое нужно выполнить на вкладках/окнах, кроме текущей
});

Сработает при манипуляции с localStorage.

Может кому-то будет полезно.

3
  • Спасибо! Тоже не знал. Очень просто и удобно.
    – John Doe
    19 янв 2020 в 7:32
  • @JohnDoe, Пожалуйста) Сколько работал с localStorage, но не знал что существует событие))) 19 янв 2020 в 17:13
  • Тег <embed src="sound.mp3"></embed> не может играть одновременно в нескольких вкладдках, только в той, которая в данный момент активна.
    – Опан
    21 янв 2020 в 19:15
2

как передать сообщение между вкладками ?

window.postMessage

sharedWorker, webWorker, serviceWorker

BroadcastChannel

// index.html
const channel = new BroadcastChannel('my_bus')
channel.postMessage('hello world')
channel.onmessage = function (e) {
    document.body.insertAdjacentHTML('beforeend', `Received: ${e.data}<br>`)
}
window.addEventListener('beforeunload', () => {
    channel.postMessage('bye bye')
    channel.close()
})

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.