Files
Forge-Engine/static/js/play/video-overlay.js
T
williamandClaude Sonnet 5 559331f9cf
Build and deploy / test-python (push) Successful in 10m59s
Build and deploy / test-js (push) Successful in 1m27s
Build and deploy / build-and-push (push) Skipped
Build and deploy / deploy (push) Skipped
Enrichit les declencheurs/actions de scene (clic/survol/affichage, surbrillance/video/son/visibilite/indication/attendre) et fiabilise la pose d'un fond/decor importe
- Ajoute clic/survol/affichage-ecran comme declencheurs, et surbrillance,
  video, son, visibilite, indication, attendre comme actions, utilisables
  aussi bien par l'editeur manuel (menu lateral Objets/Ecran) que par
  Ruby (IA), avec blocs deplacables/supprimables dans une chaine.
- Corrige plusieurs variantes du bug "impossible de poser un objet hors
  du champ de la camera" (troncature du chainage d'actions a 4 maillons,
  fond importe pose a 128x128 au lieu de sa taille reelle, decalage du
  fond au vrai glisser-depose, redimensionnement manuel jamais propage
  au monde).
- Ajoute un vrai glisser-depose depuis la galerie vers la scene, la
  gestion complete de "Mes assets" (sous-sections Fonds/Decors/Sons/
  Videos, suppression, reclassement fond<->decor sans re-upload).
- Ajoute l'upload de son (limite 3 min) et de video (MP4 uniquement,
  limite 5 min), avec validation de la duree reelle du fichier, et une
  replique audio optionnelle dans une bulle de dialogue.
- Fixe la taille de pose d'un objet/decor importe a 200x200 avec une
  boite de collision de 150x150.
- Filtre le selecteur de fichier des actions son/video par type reel.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-12 00:28:46 +02:00

59 lines
2.2 KiB
JavaScript

// ---------- Action "video" — lecture d'une vidéo de "Mes assets" ----------
// Voir screens/rendering/collision_rules.py::"video" — bloque la suite de
// la chaîne "then" jusqu'à la fin de la vidéo (ou un clic sur "Passer"),
// même esprit qu'un dialogue (voir dialogue-box-controller.js). Un seul
// overlay posé sur <body>, réutilisé pour chaque lecture (pas la peine
// d'en recréer un par appel).
var forgeVideoOverlayEl = null;
function forgeVideoOverlayRoot() {
if (forgeVideoOverlayEl) return forgeVideoOverlayEl;
var el = document.createElement('div');
el.className = 'forgeVideoOverlay';
el.innerHTML =
'<video class="forgeVideoOverlayPlayer" playsinline></video>' +
'<button type="button" class="forgeVideoOverlaySkip">Passer ▶</button>';
document.body.appendChild(el);
forgeVideoOverlayEl = el;
return el;
}
// `onDone` : appelé une fois (fin naturelle OU "Passer") — jamais les
// deux, `finished` protège contre un double appel (l'événement 'ended'
// pouvant encore se déclencher juste après un clic sur "Passer").
function forgeShowVideoOverlay(url, mode, onDone) {
if (!url) {
if (onDone) onDone();
return;
}
var root = forgeVideoOverlayRoot();
root.className = 'forgeVideoOverlay ' + (mode === 'incrustation' ? 'forgeVideoOverlay-incrustation' : 'forgeVideoOverlay-pleinEcran');
root.style.display = 'flex';
var player = root.querySelector('.forgeVideoOverlayPlayer');
var skipBtn = root.querySelector('.forgeVideoOverlaySkip');
var finished = false;
function finish() {
if (finished) return;
finished = true;
root.style.display = 'none';
player.pause();
player.removeAttribute('src');
player.onended = null;
skipBtn.onclick = null;
if (onDone) onDone();
}
player.src = url;
player.onended = finish;
skipBtn.onclick = finish;
player.play().catch(function () {}); // lecture bloquée par le navigateur (pas d'interaction récente) : reste affichée, "Passer" fonctionne toujours.
}
// static/js/play/__tests__/ (node:test) — même garde que le reste de
// static/js/play/.
if (typeof module !== 'undefined' && module.exports) {
module.exports = { forgeShowVideoOverlay };
}