EP13 浏览器最近的新功能

第二季的开始我们先从浏览器近几年出的 API 谈起，聊一聊浏览器能多做些什么

联系我们： async.talk@gmail.com

👨‍👨‍👦 主播

• AnnatarHe:
  https://annatarhe.com
• Tinko:
  https://space.bilibili.com/290664
• Sleaf:
  https://twitter.com/Sleaf_

⏰ Timeline

• 00:30 新一季想多聊聊新东西
• 02:05 monaco 做得不错~
• 02:55 Permission
• 03:53 新的 API 好像大多需要 HTTPS 了
• 05:00 Local Notification & Push Notification
• 08:50 剪切与粘贴
• 12:26 video 的自动执行
• 16:17 主播自用 API

🔗 相关链接

• Monaco Editor:
  https://microsoft.github.io/monaco-editor/
• Progressive Web Apps:
  https://web.dev/progressive-web-apps/
• 棱镜门事件:
  https://zh.m.wikipedia.org/zh-hk/稜鏡計畫
• Notification API:
  https://developer.mozilla.org/en-US/docs/Web/API/notification
• Firebase:
  https://firebase.google.com/
• clipboardjs:
  https://clipboardjs.com/
• Clipboard API:
  https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API
• Selection API:
  https://developer.mozilla.org/en-US/docs/Web/API/Selection
• execCommand API:
  https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
• ClipboardActionCopy 的实现:
  https://github.com/zenorocha/clipboard.js/blob/2b2f9eef6fd1cf951612740e16e422db2848c00a/src/actions/copy.js#L27
• safari 在低电量模式下不会播放 muted video:
  https://developer.apple.com/forums/thread/709821
• Battery Status API:
  https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API
• Fullscreen API:
  https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API
• Picture in Picture API:
  https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API

🤡 勘误

• 节目中提到 execCommand 的复制内容，经过测试实际上是无须用户先进行真人交互的 click 操作的