Захват изображения с веб-камеры через js/JavaScript

Я ищу, чтобы захватить изображение с веб-камеры. Я протестировал довольно много библиотек, включая

https://github.com/jhuckaby/webcamjs

https://github.com/amw/jpeg_camera

Но все существующие библиотеки очень старые и больше не поддерживаются авторами. Я также пробовал «navigator.mediaDevices.getUserMedia» для захвата изображения, но он не работает с сафари.

Мне интересно, можете ли вы предложить что-то, что работает в разных браузерах, а также может управлять адаптивным представлением.

Спасибо.


person A Mobin    schedule 20.04.2020    source источник


Ответы (1)


Метод navigator.mediaDevices.getUserMedia должен работать с последней версией Safari 11. Вы можете использовать метод MediaDevices.getUserMedia(), который полностью поддерживается почти всеми последними браузерами (кроме IE).

Обратите внимание, что если вы пишете файл HTML и открываете его в браузере, это может не сработать, поскольку вашему браузеру может потребоваться защищенный контекст (HTTPS вместо HTTP) для использования этого метода.

См. https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Кроме того, Сэм Даттон создал отличный пример, и вы также можете найти код для него на github.

person Timber    schedule 20.04.2020