Страница подключается по 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?
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Есть форма заказа, в ней есть поля имя, контакты, описание и поле для загрузки одного файлаПодскажите как правильно реализовать отправку...
У меня есть свой компонент Input, менять который нежелательнои мне нужно сделать маску