Reunión de equipo10:30 · 4 personas esperando
Este sitio quiere
videollamada.app
Usar tu cámara
Usar tu micrófono
Kamera-Berechtigung im Browser
Eine Blase fällt aus der Adressleiste und fragt nach Kamera und Mikrofon; je nach Wahl startet der Anruf oder wird blockiert.
Einstellungen
Code
<div class="uvq13-prm" data-p="ask"><div class="tb"><span class="dots" aria-hidden="true"><i></i><i></i><i></i></span><div class="ad"><button type="button" class="fire" aria-haspopup="dialog" aria-label="Website-Berechtigungen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h10M18 7h2M4 17h4M12 17h8"/><circle cx="16" cy="7" r="2"/><circle cx="10" cy="17" r="2"/></svg></button><span class="url">videollamada.app/equipo</span><span class="cam" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="7" width="12" height="10" rx="2"/><path d="M15 10.5l6-3v9l-6-3"/></svg><i></i></span></div></div><div class="lob"><div class="vid"><span class="st s0"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="7" width="12" height="10" rx="2"/><path d="M15 10.5l6-3v9l-6-3M3 3l18 18"/></svg><span>Kamera aus</span></span><span class="st s2"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="8.5"/><path d="M6 6l12 12"/></svg><span>Du hast die Kamera blockiert</span><button type="button" class="chg">Berechtigung ändern</button></span><span class="me" aria-hidden="true"><i class="hd"></i><i class="bd"></i><i class="lv"><b></b><b></b><b></b></i></span><small class="tag">Du</small></div><p class="mt"><b>Teammeeting</b><small>10:30 · 4 personas esperando</small></p><button type="button" class="jn">Jetzt beitreten</button></div><div class="po" role="dialog" aria-modal="true" aria-labelledby="uvq13-prm-t"><button type="button" class="x" aria-label="Schließen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7l10 10M17 7L7 17"/></svg></button><p class="ti" id="uvq13-prm-t">Diese Website möchte</p><p class="dm">videollamada.app</p><p class="rw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="7" width="12" height="10" rx="2"/><path d="M15 10.5l6-3v9l-6-3"/></svg><span>Deine Kamera verwenden</span></p><p class="rw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21"/></svg><span>Dein Mikrofon verwenden</span></p><div class="ac"><button type="button" data-v="on">Beim Besuch der Website erlauben</button><button type="button" class="b2" data-v="on">Dieses Mal erlauben</button><button type="button" data-v="no">Nicht erlauben</button></div></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Overlays
Alle ansehen: OverlaysWofür du ihn nutzen kannst
Video-Apps stehen und fallen mit der Berechtigungsabfrage, und dieses Mock-up hilft, um sie herum zu gestalten. In einem neutralen Browserrahmen fällt eine Blase aus dem Symbol für Website-Einstellungen, mit Anfrage, beiden Geräten und drei Optionen. Erlauben macht die Kachel im Warteraum zur Live-Vorschau und setzt einen Aufnahmepunkt in die Adressleiste, Blockieren zeigt, wie man es ändert. Passt zu Einstiegsanleitungen, Hilfeseiten und Produkttouren.
Die Hauptfarbe steckt in Buttons und Avatar, die zweite im Aufnahmepunkt. Ändere Domain und Anfragetext und öffne die Blase über das Symbol in der Adressleiste oder die blockierte Kachel erneut, um jeden Weg zu testen.