【随手记录】关于浏览器调用摄像头样例

可以通过以下样例代码,实现在浏览器端打开摄像头,并抓拍图片,图片以data url格式保存

    
    
    


    

        打开摄像头
        拍照
        

            
            
            
        
        

            
            
        
    

如果未能打开摄像头，查看 Chrome浏览器是否允许开启摄像头(权限问题):

在Chrome的设置 ---> 隐私和安全 --> 网站设置 ---> 摄像头 --> 查看是否开启摄像头权限
不允许的话 浏览器输入chrome://flags
搜 unsafely 然后在Insecure origins treated as secure 输入自己的网站 之后就重启就可以操作摄像头了!