title: Angular BroadcastChannel not working on Safari
body: <p>BroadcastChannel is a native function in Angular. It doesn't require importing an additional library. You just declare it like this...</p>
  <pre><code>const broadcastChannel = new BroadcastChannel('demo-broadcast-channel');
  </code></pre>
  <p>You send messages like this...</p>
  <pre><code>this.counter++;
   
  broadcastChannel.postMessage({
    type: 'counter',
    counter: this.counter
    });
  }
  </code></pre>
  <p>and you receive them like this...</p>
  <pre><code>const broadcastChannel = new BroadcastChannel('demo-broadcast-channel');
   
  this.broadcastChannel.onmessage = (message) =&gt; {
    console.log('Received message', message);
  }
  </code></pre>
  <p>This works on ALL browsers except Safari on all Apple devices, where we get:</p>
  <pre><code>ReferenceError: Can't find variable: BroadcastChannel
  </code></pre>
  <p>Any suggestions?</p>
  <p>Thanks.</p>