Всем привет
Решаю задачу получить изображения с WEB камеры и отображения потокового видео на сайте. Источник:
https://habr.com/ru/post/172419/.
Задача решена. JS код запрашивает по таймеру (3- 10 картинок в сек):
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Show_Image</title>
<script type="text/javascript" src="../jQuery/jquery-3.3.1.min.js"></script>
</head>
<body>
<p id="p"></p>
<img id="image" />
<script>
i = 0;
var im = "708.png";
var last_message_id = 0,
load_in_process = false;
function Load() {
i++;
if (!load_in_process) {
load_in_process = true;
$.post("Server_Video1.php", {
p: "ajax",
last: last_message_id
},
function(result) {
// var aa = '<img src=' + result + ' />';
// eval(aa);
console.log(result);
load_in_process = false;
document.getElementById("countframe").innerText = i;
$("#p").html("<img src=" + result + " />");
});
}
}
var loadInterval = setInterval(Load, 100);
</script>
<p id="countframe"></p>
</body>
Но есть проблема.
Отображение происходит с большой задержкой.
изображение изменяется раз в 5 секунд, хотя должно с частотой запроса "setInterval"
Заранее спасибо
