js开始摄像头并获取数据

时间:2024-04-14 12:16:26

怎么开启手机或者电脑的摄像头呢?我们是通过getUserMedia来实现的。

1.navigator.mediaDevices.getUserMedia需要传入一个参数constraints,成功则开启摄像头,失败则返回一个错误信息

js开始摄像头并获取数据

这里的文档可以参考:https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices/getUserMedia

2.兼容性处理

js开始摄像头并获取数据

浏览器兼容:

js开始摄像头并获取数据

我们可以看到ie浏览器并不兼容

3.获取视频数据

js开始摄像头并获取数据

通过MediaRecorder将stream包装起来,然后通过ondataavailable事件监视起来,最后设置start,每隔多少秒获取数据即可。

那么介绍就到此结束,希望能对你有所帮助

很有幸大家能看到我的博客,希望通过和大家分享技术文章和其它话题文章,让我的学习成长路线变得有趣,并且提高自己的同时,也希望能帮助大家增长知识。哈哈哈,我个菜鸟太不要脸了,不管了,我会加油的