chrome为我们提供了3个选项，录制整个屏幕、录制某个应用、录制chrome的某个标签页。
嗯，就几行代码，为编辑器新增了一个录屏功能。
注意它出现的位置，靠近屏幕的下方，虽然网页上提供了一个STOP按钮，但是与系统的按钮位置稍微重叠了，可用性就很差。
设计师忽视了getDisplayMedia浏览器默认悬浮窗的位置。除了位置，getDisplayMedia还可以隐藏，所以在网页上留一个STOP按钮是有好处的。
简单用动图演示下效果
以上为全文。
这是一款用开源库搭建的工具应用，技术上使用了WebRTC，网页即时通信（Web Real-Time Communication），是一个支持网页浏览器进行实时语音对话或视频对话的API。
从一个小细节，我们可以看出设计对技术的理解程度。
等我空了，把编辑器的录课.ai完善，试试录一些课程。
可通过扫码，与我深度交流
或赞赏获取微信号
本文分享自微信公众号 - 无界社区mixlab（mix-lab）。
如有侵权，请联系 [email protected] 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。