欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript 如何在浏览器中使用摄像头

程序员文章站 2022-11-22 14:30:08
1.获得摄像头权限(本文使用chrome)首先确保你运行以下js所在的url是https协议的或者localhost的:之后你的浏览器会有弹出框,告诉你你的浏览器想要访问camera,问你是否允许。此...

1.获得摄像头权限(本文使用chrome)

首先确保你运行以下js所在的url是https协议的或者localhost的:

之后你的浏览器会有弹出框,告诉你你的浏览器想要访问camera,问你是否允许。
此外,这里的constrains可以设置分辨率的最小、理想和最大值,还可以在手机端通过设置facingmode来控制摄像头的方向等。

2.将得到的stream:mediastream给video, camera实现直播效果

此时video将播放camera实时录制下来的内容

3.照相

4.录像

需要在2.mediastream给video的基础上做些修改

以上就是javascript 如何在浏览器中使用摄像头的详细内容,更多关于javascript 浏览器使用摄像头的资料请关注其它相关文章!