Js调用电脑摄像头

最新推荐文章于 2024-08-25 21:27:38 发布

愚舜

最新推荐文章于 2024-08-25 21:27:38 发布

阅读量3.6k

点赞数 7

分类专栏： javascript 文章标签： js调用电脑摄像头

本文链接：https://blog.csdn.net/first_shun/article/details/98475526

版权

本文介绍了如何使用JavaScript中的navigator.MediaDevices.getUserMedia()方法来调用笔记本摄像头。该方法需用户授权，返回Promise，成功后得到MediaStream媒体流对象。通过设置constraints对象，可以指定视频或音频输入，接着可以将摄像头视频显示在video标签中。

摘要由CSDN通过智能技术生成

js调用笔记本摄像头，需要用到navigator对象中的MediaDevices.getUserMedia()方法，MediaDevices.getUserMedia()会弹出提示用户给予使用媒体输入权限的许可。

返回的是一个promise对象，成功返回的是一个MediaStream 媒体流对象。

var promise = navigator.mediaDevices.getUserMedia(constraints);

该方法有一个参数constraints,constraints是一个包含video和audio参数的对象，最低得赋值video或者audio一个；

参数类型1：

{ audio: true, video: true }

参数类型2：

{
  audio: true,
  video: { width: 500, height: 500}
}

然后可以通过video标签将摄像头的视频进行显示。

<!DOCTYPE html>
<html>
  <head>
    <title>navigator.MediaDevices.getUserMedia()</title>
    <meta charset="utf-8"/>
    <style>
      video {
        width: 1280px;
        he