На основе примера на https://github.com/lonekorean/diff-cam-scratchpad Я хочу создать простое веб-приложение, которое при обнаружении движения начинает воспроизводить видео.
Вот мой индекс. html код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</style>
</head>
<body bgcolor="black">
<span id="score">?</span>
<!--width and height values can be adjusted accordingly-->
<video src="initial_video.mp4" id="myvideo" autoplay width="50%" height="50%" type="video/mp4;codecs="avc1.42E01E, mp4a.40.2"">
</video>
<script type<script src="https://webrtc.github.io/adapter/adapter-1.0.7.js"></script>
<script src="diff-cam-engine.js"></script>
<script src="site.js"></script>
<script>
var videoPlayer = document.getElementById("myvideo");
function run(){
//Detects if someone is there
if (parseInt(score.textContent)> 10) {
var nextVideo = "triggered_video.mp4";
videoPlayer.src = nextVideo;
}
}
</script>
<script>run();</script>
</body>
</html>
Это мой сайт. js:
var video = document.getElementById('video');
var canvas = document.getElementById('motion');
var score = document.getElementById('score');
function initSuccess() {
DiffCamEngine.start();
}
function initError() {
alert('Something went wrong.');
}
function capture(payload) {
score.textContent = payload.score;
}
DiffCamEngine.init({
video: video,
motionCanvas: canvas,
initSuccessCallback: initSuccess,
initErrorCallback: initError,
captureCallback: capture
});
В if (parseInt(score.textContent)> 10 значение оценки никогда не выбирается и не сравнивается, если оно больше 10.
Есть предложения? (или даже другую JS библиотеку для реализации этой цели?)