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") 설정하세요.
   • 촉각적 오디오 효과를 동기화하세요: 버튼 클릭 시 클릭음, 장면 전환 시 휙 소리, 정답/피드백 시 차임, 성적부 동기화 시 알림음.