| 1 | # Web UI Guide |
| 2 | |
| 3 | Detailed introduction to the Pixelle-Video Web interface features. |
| 4 | |
| 5 | --- |
| 6 | |
| 7 | ## Interface Layout |
| 8 | |
| 9 | The Web interface uses a three-column layout: |
| 10 | |
| 11 | - **Left Panel**: Content input and audio settings |
| 12 | - **Middle Panel**: Voice and visual settings |
| 13 | - **Right Panel**: Video generation and preview |
| 14 | - **Sidebar**: System configuration and FAQ |
| 15 | |
| 16 | --- |
| 17 | |
| 18 | ## System Configuration |
| 19 | |
| 20 | First-time use requires configuring LLM and image generation services. See [Configuration Guide](../getting-started/configuration.md). |
| 21 | |
| 22 | --- |
| 23 | |
| 24 | ## Content Input |
| 25 | |
| 26 | ### Generation Mode |
| 27 | |
| 28 | - **AI Generate Content**: Enter a topic, AI creates script automatically |
| 29 | - **Fixed Script Content**: Enter complete script directly |
| 30 | |
| 31 | ### Fixed Script Split Mode |
| 32 | |
| 33 | When using fixed script mode, you can choose how to split the content: |
| 34 | |
| 35 | - **By Paragraph**: Split by empty lines, each paragraph becomes a scene |
| 36 | - **By Line**: Split by line breaks, each line becomes a scene |
| 37 | - **By Sentence**: Smart sentence boundary detection, each sentence becomes a scene |
| 38 | |
| 39 | ### Background Music |
| 40 | |
| 41 | - Built-in music supported |
| 42 | - Custom music files supported |
| 43 | |
| 44 | --- |
| 45 | |
| 46 | ## Voice Settings |
| 47 | |
| 48 | ### TTS Workflow |
| 49 | |
| 50 | - Select TTS workflow |
| 51 | - Supports Edge-TTS, Index-TTS, etc. |
| 52 | |
| 53 | ### Reference Audio |
| 54 | |
| 55 | - Upload reference audio for voice cloning |
| 56 | - Supports MP3/WAV/FLAC formats |
| 57 | |
| 58 | --- |
| 59 | |
| 60 | ## Visual Settings |
| 61 | |
| 62 | ### Image/Video Generation |
| 63 | |
| 64 | - Select media generation workflow (image or video) |
| 65 | - Adjust prompt prefix to control style |
| 66 | |
| 67 | ### Video Template |
| 68 | |
| 69 | - **Template Preview Gallery**: Visually preview all available templates |
| 70 | - Supports portrait (1080x1920) / landscape (1920x1080) / square (1080x1080) |
| 71 | - Template types: |
| 72 | - `static_*.html`: Static templates (no AI-generated media) |
| 73 | - `image_*.html`: Image templates (requires AI-generated images) |
| 74 | - `video_*.html`: Video templates (requires AI-generated videos) |
| 75 | |
| 76 | --- |
| 77 | |
| 78 | ## Generate Video |
| 79 | |
| 80 | After clicking "Generate Video", the system will: |
| 81 | |
| 82 | 1. Generate video script |
| 83 | 2. Generate images/videos for each scene |
| 84 | 3. Synthesize voice narration |
| 85 | 4. Compose final video |
| 86 | |
| 87 | Automatically previews when complete. |
| 88 | |
| 89 | --- |
| 90 | |
| 91 | ## FAQ |
| 92 | |
| 93 | The sidebar includes built-in FAQ for quick reference: |
| 94 | |
| 95 | - Common configuration issues |
| 96 | - Generation failure solutions |
| 97 | - Performance optimization tips |
| 98 | |
| 99 |