無法在 html 中加載網絡攝像頭/視頻

Question

我正在使用一個基本的 html/javascript 腳本來加載網絡攝像頭組件。

<html>
  <head>
    <!-- Load the latest version of TensorFlow.js -->
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/mobilenet"></script>
  </head>
  <body>
    <div id="console"></div>
    <!-- Add an image that we will use to test -->
    <video autoplay playsinline muted id="webcam" width="224" height="224"></video>
    <!-- Load index.js after the content of the page -->
    <script src="index.js"></script>
  </body>
</html>

const webcamElement = document.getElementById('webcam');

async function app() {
    console.log('Loading mobilenet..');
  
    // Load the model.
    net = await mobilenet.load();
    console.log('Successfully loaded model');
    const webcam = await tf.data.webcam(webcamElement);
    while (true) {
      const img = await webcam.capture();
      const result = await net.classify(img);
  
      document.getElementById('console').innerText = `
        prediction: ${result[0].className}\n
        probability: ${result[0].probability}
      `;
      img.dispose();
      await tf.nextFrame();
    }
  }

這似乎是根據其他答案加載網絡攝像頭的正確方法。 然而，沒有什么可以為我打開。 也沒有控制台日志。 我正在 Firefox 上嘗試這個。

Answer 1

首先，只需在 html 文件的部分中包含腳本webcam-easy.min.js 。

並嘗試代替那個 js，您將獲得網絡攝像頭輸出

無法在 html 中加載網絡攝像頭/視頻

問題描述

1 個解決方案

解決方案1
-1 2020-10-31 16:02:41

無法在 html 中加載網絡攝像頭/視頻

問題描述

1 個解決方案

解決方案1 -1 2020-10-31 16:02:41

解決方案1
-1 2020-10-31 16:02:41