Обновление изображения с веб-камеры в Javascript - PullRequest
Новая
       7

Обновление изображения с веб-камеры в Javascript

0 голосов
/ 10 марта 2020

У меня сильная мозговая боль на этом. У меня есть веб-камера, с которой я делаю снимок каждые 5 секунд. Я прочитал все комментарии и могу успешно отобразить изображение с веб-камеры, но не могу обновить изображение. Я прочитал подобные посты и перепробовал все. Я что-то упустил?

Вот что у меня есть: 

<!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title>Webcam</title>

  <script type="text/javascript">
    var x = 0;

    function init() {
      window.onmessage = (event) => {
        if (event.data) {
          var ImageURL = document.getElementById("webcam1");

          ImageURL.src = event.data;

          Clear();

          function Clear() {
            document.getElementById("Load").style.display = "None";
            document.getElementById("Test").innerHTML = "Clearing";
            setInterval(UpdateImage, 20000);

            function UpdateImage() {
              x = x + 1;

              var temp = ImageURL.src;
              UpdatedImageURL.src = temp + "?=t" + new Date().getTime();
              var UpdatedImageURL = document.getElementById("webcam1");
              document.getElementById("Test").innerHTML =
                "Updating .... " + x;
            }
          }
        }
      }
    }
  </script>
</head>

<body onload="init();">
  <p id="Load">Loading ....</p>
  <p id="Test">Starting ....</p>
  <img id="webcam1" alt=" " width="700" height="450" />
</body>

</html>
...