how to make a camera in html

Solutions on MaxInterview for how to make a camera in html by the best coders in the world

Search
showing results for - "how to make a camera in html"
Kevin
20 Jun 2017
1  <video autoplay></video>
2
3    <script>
4    const constraints = {
5      video: true,
6    };
7    
8    const video = document.querySelector("video");
9    
10    navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
11      video.srcObject = stream;
12    });
13    </script>
14
Samuel
11 Nov 2017
1<html>
2  <head>
3    <meta charset="utf-8" />
4    <title>camera test.com</title>
5
6    <style>
7      #container {
8        margin: 0px auto;
9        width: 500px;
10        height: 375px;
11        border: 10px #333 solid;
12      }
13      #videoElement {
14        width: 500px;
15        height: 375px;
16        background-color: #666;
17      }
18    </style>
19  </head>
20
21  <body>
22    <div id="container">
23      <video autoplay="true" id="videoElement"></video>
24    </div>
25    <script>
26      var video = document.querySelector("#videoElement");
27      if (navigator.mediaDevices.getUserMedia) {
28        navigator.mediaDevices
29          .getUserMedia({ video: true })
30          .then(function(stream) {
31            video.srcObject = stream;
32          })
33          .catch(function(err0r) {
34            console.log("Something went wrong!");
35          });
36      }
37    </script>
38  </body>
39
similar questions
video values in htmlhow to create a video link in htmlhtml video recorderhtml webcam filter effectsbasic video player htmlhtml ask for camera accessvideo in htmlvideo gallery htmlhtml picturehow to display video in htmlhtml video image
queries leading to this page
can we launch camera with htmlhtml take photo with camerahtml display camerahtml web camerausing camera from htmlaccess to camera in htmlhtml take picture with camerahow to include a camera in html w3schoolsopen camera in htmlin html open camerahow to add a camera in htmlhtml camerahow to put camera on htmlhtml call camera photohow to enable camera in htmlaccess camera in htmlhtml use cameracamera htmlsample html page with cameraopen camera on htmlhow to use camera in htmlcamera with htmlhtml how to access camerashow camera in htmlhow add a camera feature in htmldisplay camera in htmlcamera in htmlcode for camera in htmlhtml open cameraaccess camera htmlhow to make camera with htmlw3schools html camerahtml use camera for photohtml show camerause camera in htmlhow to access camera in htmlhtml start cameraenable camera in htmlhow to show camera htmlmake camera with htmlopen camera using htmlcode to open camera in htmlhow to get camera in htmlhtml using camerahow to make a camera in htmlcamera html codecamera on using htmlshow camera htmlopen camera htmlhow to make a camera in html