Update app.py
Browse files
app.py
CHANGED
@@ -769,10 +769,10 @@ async(c, o, p, d, n, m, s)=>{
|
|
769 |
if (buffer) {
|
770 |
counter = parseInt(video.currentTime);
|
771 |
if (!coords[counter]) {counter = coords.length-1;}
|
772 |
-
applyDisplacementMapFromBuffer(
|
773 |
}
|
774 |
buffer = ctx.getImageData(0, 0, video.videoWidth, video.videoHeight).data;
|
775 |
-
applyDisplacementMapFromBuffer(
|
776 |
setTimeout(updateMap, 1000);
|
777 |
}
|
778 |
window.requestMap = requestMap;
|
@@ -782,21 +782,17 @@ async(c, o, p, d, n, m, s)=>{
|
|
782 |
}
|
783 |
window.updateMap = updateMap;
|
784 |
|
785 |
-
video.addEventListener("playing", function () {
|
786 |
-
const canvas = document.createElement("canvas");
|
787 |
-
canvas.width = video.videoWidth;
|
788 |
-
canvas.height = video.videoHeight;
|
789 |
-
ctx = canvas.getContext("2d", { willReadFrequently: true });
|
790 |
-
|
791 |
-
updateMap();
|
792 |
-
});
|
793 |
-
|
794 |
videoDome.videoTexture.video.oncanplaythrough = function () {
|
795 |
document.getElementById('seek').innerHTML = '';
|
796 |
for (var i=0; i<videoDome.videoTexture.video.duration; i++) {
|
797 |
document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;left:'+(56+coords[i].lng/2)+'px;top:'+(56-coords[i].lat/2)+'px;" onclick="seek('+i+');">-'+i+'-</a> ';
|
798 |
}
|
799 |
-
|
|
|
|
|
|
|
|
|
|
|
800 |
videoDome.videoTexture.video.oncanplaythrough = null;
|
801 |
video.oncanplaythrough = null;
|
802 |
};
|
@@ -987,13 +983,14 @@ function seek(t) {
|
|
987 |
}
|
988 |
window.seek = seek;
|
989 |
|
990 |
-
function
|
991 |
videoDome.videoTexture.video.loop = true;
|
992 |
video.loop = true;
|
993 |
videoDome.videoTexture.video.play();
|
994 |
video.play();
|
|
|
995 |
}
|
996 |
-
window.
|
997 |
|
998 |
|
999 |
function applyDisplacementMapFromBuffer(
|
|
|
769 |
if (buffer) {
|
770 |
counter = parseInt(video.currentTime);
|
771 |
if (!coords[counter]) {counter = coords.length-1;}
|
772 |
+
applyDisplacementMapFromBuffer(videoDomeMesh, buffer, video.videoWidth, video.videoHeight, 0, -1, null, null, true);
|
773 |
}
|
774 |
buffer = ctx.getImageData(0, 0, video.videoWidth, video.videoHeight).data;
|
775 |
+
applyDisplacementMapFromBuffer(videoDomeMesh, buffer, video.videoWidth, video.videoHeight, 0, 1, null, null, true);
|
776 |
setTimeout(updateMap, 1000);
|
777 |
}
|
778 |
window.requestMap = requestMap;
|
|
|
782 |
}
|
783 |
window.updateMap = updateMap;
|
784 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
785 |
videoDome.videoTexture.video.oncanplaythrough = function () {
|
786 |
document.getElementById('seek').innerHTML = '';
|
787 |
for (var i=0; i<videoDome.videoTexture.video.duration; i++) {
|
788 |
document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;left:'+(56+coords[i].lng/2)+'px;top:'+(56-coords[i].lat/2)+'px;" onclick="seek('+i+');">-'+i+'-</a> ';
|
789 |
}
|
790 |
+
const canvas = document.createElement("canvas");
|
791 |
+
canvas.width = video.videoWidth;
|
792 |
+
canvas.height = video.videoHeight;
|
793 |
+
ctx = canvas.getContext("2d", { willReadFrequently: true });
|
794 |
+
|
795 |
+
videoPlay();
|
796 |
videoDome.videoTexture.video.oncanplaythrough = null;
|
797 |
video.oncanplaythrough = null;
|
798 |
};
|
|
|
983 |
}
|
984 |
window.seek = seek;
|
985 |
|
986 |
+
function videoPlay() {
|
987 |
videoDome.videoTexture.video.loop = true;
|
988 |
video.loop = true;
|
989 |
videoDome.videoTexture.video.play();
|
990 |
video.play();
|
991 |
+
updateMap();
|
992 |
}
|
993 |
+
window.videoPlay = videoPlay;
|
994 |
|
995 |
|
996 |
function applyDisplacementMapFromBuffer(
|