feat(ui): add floating menu for video selection

Implement floating button that toggles a menu with video options
Add styling for floating elements and handle click interactions
Update video switching logic to prevent unintended transitions
This commit is contained in:
你的名字
2025-07-16 23:22:53 +08:00
parent 44cad17614
commit 95cf50e4f0
3 changed files with 133 additions and 0 deletions

View File

@@ -43,6 +43,18 @@
<p id="transcript"></p>
</div>
<!-- 悬浮球 -->
<div id="floating-button">
<i class="fas fa-bars"></i>
</div>
<!-- 悬浮菜单 -->
<div id="menu-container" class="hidden">
<button class="menu-item" data-video="视频资源/jimeng-2025-07-16-4437-比耶,然后微笑着优雅的左右摇晃.mp4">Pose</button>
<button class="menu-item" data-video="视频资源/生成加油视频.mp4">Cheer</button>
<button class="menu-item" data-video="视频资源/生成跳舞视频.mp4">Dance</button>
</div>
<!-- 底部麦克风和链接 -->
<footer class="bottom-bar">
<button class="mic-button" id="mic-button" aria-label="Start Listening">