Мигание изображений при обновлении в Chromium 61

277
15 июля 2017, 09:49

Страница подключается по WebSocket к серверу и запрашивает с него постоянно меняющийся кадр транслирующей веб камеры:

<script>
    function Initialize(){
        var Screen = document.createElement('img');
        Screen.onload = function(){URL.revokeObjectURL(Screen.src);};
        document.body.appendChild(Screen);
        var Rate = 50;
        var Preload = new Image();
        var Request = 'GetFrame';
        var MainSocket = new WebSocket(<?php echo $host;?>);
        MainSocket.onopen = function(){MainSocket.send(Request);};
        MainSocket.onmessage = function(event){
            if (Preload.src.length > 0){Screen.src = Preload.src;}
            Preload.src = URL.createObjectURL(event.data);
            setTimeout(function(){MainSocket.send(Request);},Rate);
        };
    }
</script>
...
<body onload="Initialize();"></body>

В обычном Chrome, в Firefox, IE изображения меняются плавно, как видео, даже без Preload - просто Screen.src = URL.createObjectURL(event.data);. А в Chromium версии 61, на котором настаивают заказчики, кадры мигают при загрузке!

Можно как-то побороть это мигание в Chromium?

READ ALSO
Отправка формы с данными и фалом по ajax

Отправка формы с данными и фалом по ajax

Есть форма заказа, в ней есть поля имя, контакты, описание и поле для загрузки одного файлаПодскажите как правильно реализовать отправку...

223
Как отключить скрол контента

Как отключить скрол контента

Друзья, прошу сразу обратить внимание на сайт: Сайт

440
Как добавить маску в инпут?

Как добавить маску в инпут?

У меня есть свой компонент Input, менять который нежелательнои мне нужно сделать маску

231