jules/photobooth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cadre impose visible en overlay sur live + preview + partage

Browse Source 
- Overlay cadre sur les 3 ecrans : live (capture), preview (filtres), partage
- chargerCadreImpose() au debut de chaque capture : affiche le cadre event
- Photos sauvegardees sans cadre, cadre applique uniquement a l'impression
- afficherCadreOverlay cherche d'abord dans les cadres evenement

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jules
2026-06-23 00:36:57 +02:00
parent e5c73d4855
commit 77b1127816
4 changed files with 44 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/index.html
View File

@@ -7,7 +7,7 @@
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta name="google" content="notranslate">
<meta http-equiv="Content-Language" content="fr">
<link rel="stylesheet" href="/css/style.css?v=6">
<link rel="stylesheet" href="/css/style.css?v=7">
<link rel="stylesheet" href="/css/themes.css?v=2">
</head>
<body>
@@ -86,6 +86,7 @@
<section id="ecran-capture" class="ecran">
<div id="preview-live" class="preview-live">
<img id="img-preview" src="" alt="Preview">
<img id="cadre-overlay-live" class="cadre-overlay cache" src="" alt="">
<div id="cadre-guide-recadrage" class="cadre-guide-recadrage cache"></div>
<div id="preview-erreur-camera" class="preview-erreur-camera cache">
<div class="preview-erreur-icon">&#128247;</div>
@@ -129,6 +130,7 @@
<h2>Partagez votre photo !</h2>
<div class="photo-miniature">
<img id="photo-partage" src="" alt="Photo">
<img id="cadre-overlay-partage" class="cadre-overlay cache" src="" alt="">
</div>
<div class="grille-partage">
<button class="btn-partage" id="btn-imprimer" onclick="ouvrirImpression()">
@@ -759,8 +761,8 @@
<script src="/js/websocket.js?v=3"></script>
<script src="/js/app.js?v=5"></script>
<script src="/js/camera.js?v=11"></script>
<script src="/js/effects.js?v=3"></script>
<script src="/js/camera.js?v=12"></script>
<script src="/js/effects.js?v=4"></script>
<script src="/js/gallery.js?v=3"></script>
<script src="/js/share.js?v=7"></script>
<script src="/js/admin.js?v=6"></script>