Веб-камера React IE 11 - PullRequest
Новая
       22

Веб-камера React IE 11

0 голосов
/ 27 мая 2020

Есть здесь кто-нибудь, кто реализовал веб-камеру в приложении react-app с поддержкой IE 11? В IE devtools я нашел все элементы, но камера не отображается. Раньше я использовал библиотеку react-webcam с полифилом, но результат был таким же. Html пример https://github.com/jhuckaby/webcamjs функционально находится в IE. Я ожидал, что этот код будет функционально после повторного использования в react. 

import React, { useState, useEffect } from "react";
import "getusermedia-js";
import Webcam from "webcamjs/webcam.min.js";
import { CameraFeed } from "./CameraFeed";

export default function App() {

 const renderCamera = () => {
    Webcam.set({
      width: 320,
      height: 240,
      image_format: "jpeg",
      jpeg_quality: 90,
    });
    Webcam.attach("#my_camera");
  };

  const take_snapshot = () => {
    // take snapshot and get image data
    Webcam.snap(function (data_uri) {
      // display results in page
      document.getElementById("results").innerHTML =
        "<h2>Here is your image:</h2>" + '<img src="' + data_uri + '"/>';
    });
  };
  return (
    <div className="App">
      <h1>Image Capture</h1>
      <button onClick={renderCamera}>open Camera</button>
      <div id="my_camera"></div>
      <div id="results">Your captured image will appear here...</div>
      <button onClick={take_snapshot}>take a picture</button>
    </div>
  );
}
...