сохранение изображений с камеры html5 - PullRequest
Новая
       36

сохранение изображений с камеры html5

0 голосов
/ 28 июня 2019

У меня вопрос, как я могу сохранить ПОЛНЫЕ изображения из прямой трансляции с камеры HTML5?

Здесь вы можете найти текущий код (я новичок в JavaScript): 

    const video = document.getElementById('video');
    const canvas = document.getElementById('faceImage');


    const hdConstraints = {
        audio: false,
        video: { width: { min: 1280 }, height: { min: 720 } }
    };

    var options = { mimeType: 'video/webm' };
    navigator.mediaDevices.getUserMedia(hdConstraints, options)
        .then(
            (stream) => {
                video.srcObject = stream;
                video.play();

            setInterval(function() {
                    var context = canvas.getContext('2d');
                    context.drawImage(video, 0, 0, 1280, 720);
                    var data = canvas.toDataURL('image/jpeg');

                    ws.send(data);
            }, 1000);

            }
        );

При наличии этого кода на стороне сервера я получаю неполные изображения в формате jpeg (только 10% холста находится на картинке, а остальные части не заполнены).

Итак, мой вопрос, как я могу исправить этот кодотправлять только полные изображения на сервер?

спасибо

...