WebVoiceAnimator

Microphone-triggered animation display

**WebVoiceAnimator - Voice-Activated Character Animation** Just speak into your microphone, and your character will lip-sync and blink. Prepare a few images, and your personal avatar is ready. Add more images for multiple expressions and smoother animations! ━━━━━━━━━━━━━━━━━━━━ 【3 MODES】 🎭 Simple Mode ・Just upload images for simple display ・Speaking effects (bounce, shake, glow) ・Breathing animation & idle micro-sway ✨ Layer Mode ・Layer body, face, hair, etc. for rich expressions ・Hair sway, ear movement animations ・Frame interpolation for smooth lip-sync & blinking 🎬 MPNG Mode ・MotionPNGTuber compatible ・Video-based hair sway & clothing animation ・5-level lip-sync (closed, half-open, A, E, U) ・Realistic lip-sync from volume & frequency analysis ━━━━━━━━━━━━━━━━━━━━ 【FEATURES】 ✅ Completely free, no limitations ✅ Easy OBS integration (chroma key support) ✅ Japanese vowel mouth shapes (A/I/U/E/O) ✅ Just a few seconds of voice input boosts detection accuracy ✅ Japanese, English, Chinese support ━━━━━━━━━━━━━━━━━━━━ 【RECOMMENDED FOR】 ・Streamers who don't want to show their face ・Anyone wanting to try VTuber-style content easily ・Those who want to add character animations to streams ━━━━━━━━━━━━━━━━━━━━ 【HOW TO USE】 1. Add a character 2. Upload images or a folder of images 3. Allow microphone access 4. Click "Show Animation" 5. Use OBS Window Capture + Chroma Key ━━━━━━━━━━━━━━━━━━━━ 【PERMISSIONS EXPLAINED】 ・Microphone: Used for voice detection ・Storage: Saves settings and character data ※ Audio data is never sent externally ### v2.0.1 (2026-03-04) **Bug Fixes** - Fixed: "Folder Structure Guide" in Layer Mode could not be opened before uploading files **Improvements** - Added English & Chinese translations for mode selection screen (Simple/Layer/MPNG) ### v2.0.0 (2026-03-03) **Major Update** Assets from v1.2.2 or earlier may no longer work correctly. Please try re-uploading your assets. **New Features** - **Unified Layer Mode** - Merged 3 sub-modes (Simple Animation 6-part/8-part/Layered) into a single "Layer Mode" - Vowel-specific lip-sync (A/I/U/E/O) support - Expression sets (up to 4) switchable via hotkeys (Ctrl+Shift+1–4) - Frame interpolation for smooth blinking & lip-sync animation - Voice calibration (pre-recording) enhances vowel detection **Improvements** - Redesigned MPNG settings UI - Improved MPNG audio monitor accuracy - Fixed MPNG detection threshold - Added new vowel correction feature to MPNG mode ### v1.2.2 (2026-01-28) **Bug Fixes** - **Fixed character list disappearing bug** - Fixed an issue where the character list would disappear after creating a new character - Added mode prefixes (sim_/adv_) to character IDs for better separation between Simple/Advanced modes - **Fixed button state when no character is selected** - Animation start button is now grayed out when no character is selected - **Reduced microphone input noise spikes** - Introduced median filter to remove spike noise - Added rise rate limiting (max 8% per frame) **Improvements** - Settings modal height now adapts to screen size (with scroll support) - Expanded character settings dialog width (4 images fit in one row) - Fixed display type labels (6-parts/8-parts swap correction) ### v1.2.1 (2026-01-27) **Bug Fixes** - **Fixed image not displaying in Simple mode** - Fixed an issue where images wouldn't display in animation view after returning from character settings - Improved image loading timing from IndexedDB **New Features** - **Added audio boost to MPNG mode** - Amplify microphone input from x0.5 to x5.0 - Adjust volume independently from sensitivity - **Added detection threshold to MPNG mode** - Set a threshold below which lip-sync won't activate - Dynamic sensitivity remapping allows fine-grained control combining threshold and sensitivity **Improvements** - Added cancel button to MPNG wizard - Unified UI text consistency ("Add Character", etc.) - Reduced AudioWorklet message frequency for better performance - Improved info button tooltip display ### v1.2.0 (2026-01-27) **New Features** - **Simple Animation Mode (6 Parts) Added** - Rich animation with layer separation - 6-part structure: body, face (normal/speaking/blink/blink-speaking), hair - More expressive than traditional 4-image mouth animation - **Simple Animation Lite (8 Parts) Added** - 8-part structure: back hair, ears, body, face parts, front hair - Detailed animation control including hair sway and ear movement - Enables Live2D-like rich expressions **Improvements** - Changed UI display names for clarity - Unified face part labels (Normal, Speaking, Blink, Blink-Speaking) - Simplified UI by removing unnecessary elements **Internal Improvements** - Removed smooth animation feature to simplify codebase - Improved performance ### v1.1.1 (2026-01-17) **Bug Fixes** - **Fixed audio detection delay in background** - Fixed an issue where voice detection only triggered once every few seconds when the browser was in background (e.g., while capturing with OBS) - Using Chrome's Offscreen Document API to maintain audio processing even in background - Improved microphone input to continue even after closing the popup **Improvements** - **High-precision lip-sync with AudioWorklet** - Upgraded audio analysis to ~60fps (6x faster than before) - Significantly improved vowel detection (e/u) in MPNG mode - Achieved real-time analysis equivalent to MotionPNGTuber_Player ### v1.1.0 (2026-01-15) **New Features** - **MPNG Mode Added** - Support for MotionPNGTuber format animation files - High-quality video-based animation - Smooth lip-sync with 5-level mouth shapes - **Advanced Mode Added** - High-quality rendering based on PixiJS - Breathing animation - Idle micro-sway - **HQ Audio Algorithm Introduced** (MPNG Mode) - Smooth volume tracking with envelope follower - Automatic noise floor detection - Dynamic level peak tracking - State transition with hysteresis (flicker prevention) - **Volume Boost Feature Added** - Adjustable volume range from 0.5x to 5.0x **Improvements** - UI improvements and reorganized detailed settings section - Added license page - Enhanced multi-language support