Enhance audio and visual elements in the UI for improved user experience

- Added a new script in package.json to generate welcome speech audio for enhanced onboarding.
- Updated SplashScreen.vue and OnboardingWrapper.vue to use the new intro background image and poster.
- Modified Dashboard.vue and Login.vue to reflect changes in background images for consistency.
- Removed outdated background images and updated references to ensure a cohesive visual theme.
- Improved tap-to-start feature with new text and logo in SplashScreen.vue for better engagement.
- Enhanced audio playback functionality in useLoginSounds.ts to include welcome speech.
This commit is contained in:
Dorian
2026-02-18 08:18:14 +00:00
parent b63612c5ae
commit 2472af790b
30 changed files with 273 additions and 33 deletions
+1 -1
View File
@@ -183,7 +183,7 @@ mv video-intro-compressed.mp4 video-intro.mp4
## Performance Tips
1. **Preload**: Add `preload="metadata"` to video tag (loads only metadata, not full video)
2. **Poster Image**: Add `poster="/assets/img/bg-4.jpg"` for instant display while loading
2. **Poster Image**: Add `poster="/assets/img/bg-intro.jpg"` for instant display while loading
3. **Lazy Load**: Consider loading video only when user reaches that screen
4. **CDN**: Host video on CDN for faster delivery