使用getUserMedia 调用摄像头

html5中一个有趣的 API，能够调用电脑的摄像头，结合

这里需要注意: 

因为安全问题, chrome 对于本地文件禁用了很多功能(以file:///开头). 所以如果你直接把html文件拖进chrome是看不到效果的(getUserMedia 失败). 这个问题让我疑惑了挺久的. 

 

解决办法: 

1. 使用IDE 来查看效果, 比如webstorm. 

2. 配合http服务器. 比如python simplehttpserver. 或者apache等等. 

3. 关闭所有chrome窗口(否则参数无效). 在命令行中增加如下参数启动chrome.

chrome --allow-file-access-from-files

 

一个示例 

    
    



Using Opera Next or Chrome Canary, use this page to take your picture!



Snap Photo

　　代码参考自 http://davidwalsh.name/demo/camera.php

 

转载于:https://www.cnblogs.com/lingdhox/p/4198779.html