superpollo02/educai-hyperframes-video-render

EdTech- & Moodle-Videoproduktion mit HyperFrames

Verwenden Sie diesen Skill, wenn Sie aufgefordert werden, Bildungsvideos, Moodle-Tutorials, SCORM-Demonstrationen oder Online-Kurs-Promos zu erstellen, zu strukturieren oder zu rendern.

Wichtige Invarianten

1. Tempo & Navigation:
   • Stellen Sie eine persistente Schrittfortschrittsleiste in Tutorials bereit (.step-bar mit aktiven und abgeschlossenen Zuständen).
   • Verwenden Sie einen animierten virtuellen Cursor (#virtual-cursor) mit expandierenden Klick-Tipp-Ringen, um die Aufmerksamkeit des Betrachters zu lenken.
2. Layout- & Überlagerungsdirektiven:
   • Fügen Sie bei simulierten Drag-and-Drop- oder Stempelüberlagerungen immer data-layout-allow-overlap="true" und data-layout-allow-occlusion="true" hinzu, um Ablehnungen durch die headless-Layoutprüfung zu verhindern.
3. Tonmischung:
   • Der Hintergrundmusikteppich muss zurückgenommen oder leise eingestellt sein (data-volume="0.15" bis "0.25"), um Headroom für die Sprachaufnahme zu bewahren.
   • Synchronisieren Sie taktile Audio-Effekte: Klicks auf Schaltflächen, Swoosh bei Szenenübergängen, Klingelton bei richtigen Antworten/Rückmeldungen und Benachrichtigung bei Gradebook-Synchronisation.