title: getting navigator.getUserMedia() no longer works in insecure origins
body: <p>I am using navigator.getUserMedia to capture webcam images in html5.It works fine till last week.Now getting messages like getUserMedia()  no longer works  in insecure origins and capturing image from webcam broken . I searched about getUserMedia in web and find it is deprecated and browsers do not support it future. Is there any alternative function for  getUserMedia that works in all browsers.</p>
  
  <p>my html code is </p>
  
  <pre><code>  &lt;video id="video" width="640" height="480" autoplay&gt;&lt;/video&gt;
    &lt;button id="snap" class="sexyButton"&gt;Snap&lt;/button&gt;
     &lt;canvas id="canvas" width="640" height="480"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>and script function is</p>
  
  <pre><code>         &lt;script&gt;
      window.addEventListener("DOMContentLoaded", function() {
          // Grab elements, create settings, etc.
          var canvas = document.getElementById("canvas"),
              context = canvas.getContext("2d"),
              video = document.getElementById("video"),
              videoObj = { "video": true },
              errBack = function(error) {
                  console.log("Video capture error: ", error.code); 
              };
          if(navigator.getUserMedia) { // Standard
              navigator.getUserMedia(videoObj, function(stream) {
                  video.src = stream;
                  video.play();
              }, errBack);
          } else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
              navigator.webkitGetUserMedia(videoObj, function(stream){
                  video.src = window.webkitURL.createObjectURL(stream);
                  video.play();
              }, errBack);
          } else if(navigator.mozGetUserMedia) { // WebKit-prefixed
              navigator.mozGetUserMedia(videoObj, function(stream){
                  video.src = window.URL.createObjectURL(stream);
                  video.play();
              }, errBack);
          }
  
          // Trigger photo take
          document.getElementById("snap").addEventListener("click", function() {
              context.drawImage(video, 0, 0, 640, 480);
          });
      }, false);
  
           &lt;/script&gt;
  </code></pre>