- 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>
59 lines
2.2 KiB
JavaScript
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 };
|
|
}
|