Thursday, June 25, 2015

getUserMedia Advance Features of HTML5 WebCam Kit

  1. Start and Stop Web Cam using getUserMedia HTML5 feature.

  3. <html>
  4. <head>
  5.  <meta charset="utf-8">
  6.  <title>JS Bin</title>
  7.  <script>
  8.     navigator.getUserMedia = ( navigator.getUserMedia ||
  9.                                navigator.webkitGetUserMedia ||
  10.                                navigator.mozGetUserMedia ||
  11.                                navigator.msGetUserMedia);
  12. var webcamStream;
  13.  
  14.  function startWebCam() {
  15.     if (navigator.getUserMedia) {
  16.         navigator.getUserMedia (
  17.             // constraints
  18.             {
  19.                 video: true,
  20.                 audio: false
  21.             },
  22.  
  23.             // successCallback
  24.             function(localMediaStream) {
  25.                 var video = document.querySelector('video');
  26.                 video.src = window.URL.createObjectURL(localMediaStream);
  27.                 webcamStream = localmediaStream;
  28.             },
  29.  
  30.             // errorCallback
  31.             function(err) {
  32.                 console.log("The following error occurred: " + err);
  33.             }
  34.         );
  35.     } else {
  36.         console.log("getUserMedia not supported");
  37.     }
  38. }
  39. function stopWebcam() {
  40.     webcamStream.stop();
  41. }
  42.  </script>
  43. </head>
  44. <body >
  45.      <video width=200 height=200 id="video" controls autoplay></video>
  46.      <button onclick="startWebcam();">Start Webcam</button>
  47.      <button onclick="stopWebcam();">Stop Webcam</button>
  48. </body>
  49. </html>
Posted by at

1 comment:

  1. cameronjackelsMarch 4, 2022 at 8:40 AM

    How To Gamble Online With Casino Sites in Illinois
    When it 여주 출장마사지 comes to online gambling, there are many ways 토토 사이트 you can wager online. You can pick up 평택 출장안마 the cash or cash 광주광역 출장샵 games offered on 의정부 출장안마 any of the

    ReplyDelete

Subscribe to: Post Comments (Atom)