Как сгладить HTML веб-камеры видео? (очень вяло по сравнению с родной мобильной камерой)

Question

Привет, у меня есть элемент html видео, который отображается в виде окна просмотра на мобильной веб-камере html:

<video class="camvideo" height="937" width="1249" autoplay="" muted="" playsinline=""></video>

Он хорошо работает, чтобы отображаться как обычная мобильная камера, однако, когда вы перемещаете свой мобильный телефон,содержание стало очень резким и не гладким. Как мне сгладить вывод видео?

Спасибо!

Answer 1

Пожалуйста, обратитесь к этой ссылке, так как это будет действительно легко реализовать с вашим текущим HTML-элементом видео.

https://github.com/netteria/html5-video-popup-responsive

** Шаг 1: ** Добавьте videopopup.jsфайл в каталоге вашего проекта.

** Шаг 2: ** Окружите видео двумя тегами div и присвойте своему тегу видео идентификатор. Назначьте значения для свойства src и type в теге video. Ниже приведен пример и файл read me по ссылке, указанной выше.

<div id="vidBox">
    <div id="videCont">
        <video id="v1" loop controls>
            <source src="someclip.mp4" type="video/mp4"/>
        </video>
    </div>
</div>

Шаг 3: Добавьте следующий тег сценария в HTML-документ, который будет отображать видео,Свойства, указанные ниже, являются лишь примерами, и вам нужно будет заменить их на свои.

    <script>
        $(function() {
            $('#vidBox').VideoPopUp({
                backgroundColor: "#17212a",
                opener: "video1", 
                maxweight: "340", 
                idvideo: "v1"
            });
        });
    </script>