Send Data Between Tabs and Windows! - Broadcast Channel API in JavaScript

The Broadcast Channel API in JavaScript allows you to send data (or messages) between different browsing contexts (i.e. Tabs, Windows, IFrames etc.)

It's very easy to do and you can send almost anything such as Strings, Objects, Arrays and even Blobs. In this video, I'll show you how to use it.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[mtfreytag]

Thank you for showing multiple examples. All the sites I've seen just regurgitate the basic documentation that i can find on MDN.

[ahora]

I always wondered about this. But I was too lazy to search this out. Thankfully I had turned on the bell of your channel.

[genyklemberg]

awesome. I even forgot about this possibility, thankfully your video was first on my request)

[TomasMisura]

nice video tut, i have never heard about Broadcast channel API

[namnam]

Hi Dcode, How to make server tells client js that some data have been changed.

[domaincontroller]

00:14 browser contexts, tab windows and iframes

[progm]

is it possible to send a message from one Tab(youtube page) to other Tab(Facebook)

[DivijShrivastava]

Is there a way to broadcast messages through different origin? I mean if the port and host are not the same of two tabs.

[shubhamarora]

Sir please make tutorial on how to print emoji in any coding language javascript, html, php using vscode editor extension.