superpollo02/educai-hyperframes-video-render

HyperFramesを使用したEdTech & Moodleビデオ制作

このスキルは、教育テクノロジービデオ、Moodleチュートリアル、SCORMデモ、またはオンラインコースプロモーションの作成、構成、レンダリングを依頼されたときに使用します。

重要な不変条件

1. ペーシングとナビゲーション：
   • チュートリアルでは、永続的なステップ進行バー（.step-bar、アクティブ状態と完了状態を持つ）を提供します。
   • アニメーション化された仮想カーソル（#virtual-cursor）と、クリック時に拡大するタップリングを使用して、視聴者の焦点を誘導します。
2. レイアウトとオクルージョンディレクティブ：
   • シミュレートされたドラッグ＆ドロップまたはスタンプオーバーレイには、必ず data-layout-allow-overlap="true" と data-layout-allow-occlusion="true" を追加して、ヘッドレスレイアウトチェックによる拒否を防ぎます。
3. サウンドミキシング：
   • 背景音楽は、声優のためのヘッドルームを確保するために、ダッキングするか低音量（data-volume="0.15" から "0.25"）に設定します。
   • 触覚的なオーディオエフェクトを同期します：ボタンクリック、シーン切り替え時のスウッシュ、正解/フィードバック時のチャイム、グレードブック同期時の通知音。