原生API录屏的方法,开发时有一些局限性,官网描述:
navigator.mediaDevices目前在以下三种情况下可以获取到
1. 地址为localhost:// 访问时
2. 地址为https:// 时
3. 地址为文件访问file:///
因此只有线上环境是https的才能录制,本地调试的时候可以更改浏览器安全策略,来进行调试
本地调试使用,谷歌浏览器更新策略:
1、chrome://flags/#unsafely-treat-insecure-origin-as-secure
2、选 enabled
3、填写需要调试的 URL,多个 URL 以 , 隔开
4、完全重启 chrome 后起效(改了之后下面也会有个 relaunch 按钮)
5、重启后,本地非https就可以调试