fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-24 14:48:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Show off procedural generation on the website

Browse Source
This commit is contained in:
Keavon Chambers
2024-01-08 10:49:25 -08:00
parent 1727694dfc
commit 45de49fa03
10 changed files with 256 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/static/js/image-interaction.js
+15 -13
View File
@@ -305,19 +305,21 @@ window.addEventListener("DOMContentLoaded", initializeVideoAutoPlay);
function initializeVideoAutoPlay() {
const VISIBILITY_COVERAGE_FRACTION = 0.25;
let loaded = false;
const players = document.querySelectorAll("[data-auto-play]");
players.forEach((player) => {
if (!(player instanceof HTMLVideoElement)) return;
const player = document.querySelector("[data-auto-play]");
if (!(player instanceof HTMLVideoElement)) return;
new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (!loaded && entry.intersectionRatio > VISIBILITY_COVERAGE_FRACTION) {
player.play();
loaded = true;
};
});
}, { threshold: VISIBILITY_COVERAGE_FRACTION })
let loaded = false;
new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (!loaded && entry.intersectionRatio > VISIBILITY_COVERAGE_FRACTION) {
player.play();
loaded = true;
};
});
}, { threshold: VISIBILITY_COVERAGE_FRACTION })
.observe(player);
});
}