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(
|