|
|
(One intermediate revision by the same user not shown) |
Line 1: |
Line 1: |
| =LiveFeed Test= | | =LiveFeed Test= |
− | <!DOCTYPE html>
| |
| <html> | | <html> |
− | <head>
| |
− | <meta charset="utf-8">
| |
− | <meta content="stuff, to, help, search, engines, not" name="keywords">
| |
− | <meta content="What this page is about." name="description">
| |
− | <meta content="Display Webcam Stream" name="title">
| |
− | <title>Display Webcam Stream</title>
| |
− |
| |
− | <style>
| |
− | #container {
| |
− | margin: 0px auto;
| |
− | width: 500px;
| |
− | height: 375px;
| |
− | border: 10px #333 solid;
| |
− | }
| |
− | #videoElement {
| |
− | width: 500px;
| |
− | height: 375px;
| |
− | background-color: #666;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− |
| |
− | <body>
| |
− | <div id="container">
| |
− | <video autoplay="true" id="videoElement">
| |
− |
| |
− | </video>
| |
− | </div>
| |
− | <script>
| |
− | var video = document.querySelector("#videoElement");
| |
− |
| |
− | if (navigator.mediaDevices.getUserMedia) {
| |
− | navigator.mediaDevices.getUserMedia({video: true})
| |
− | .then(function(stream) {
| |
− | video.srcObject = stream;
| |
− | })
| |
− | .catch(function(err0r) {
| |
− | console.log("Something went wrong!");
| |
− | });
| |
− | }
| |
− | </script>
| |
− | </body>
| |
− | </html>
| |
− | ==2==
| |
| <!DOCTYPE html> | | <!DOCTYPE html> |
| <html lang="en"> | | <html lang="en"> |