2 html5 浏览器已经支持的新API

HTML5规范下很多API浏览器都已经支持，这里我们列举几个很常用的浏览器支持的API:

1 tab页之间通信:

BroadcastChannel(channelName);

可用于多个不同浏览器tab页之间通信。实例化的时候Channel名称必须相同。

const broadcastChannel = new BroadcastChannel('myChannel')

broadcastChannel.postMessage('Hello from tab 1');

使用postMessage 发送消息，并在另一个窗口监听消息

broadcastChannel.onmessage = function(e) {

console.log('Received:', e.data);

};

这里的postMessage，和 onMessage 事件，你可能在ifram和父窗体通信时你也用过。

2 浏览器全屏：

requestFullscreen()

img, video, div元素等加上这个方法就可以实现全屏，使用document.exitFullscreen();退出全屏。

3 屏幕分享：

navigator.mediaDevices.getDisplayMedia() 这个就是将当前指定的屏幕分享出去。我们如下当代是将截取内容放在播放器中播放。

 const stream = await navigator.mediaDevices.getDisp