Back to Blog

Editor Tutorial

Master Editor Mode — material library, image & video generation, timeline editing, and lip sync.

Creating a Task in Editor Mode

To create a Editor Mode project:

  1. Visit https://beatviz.ai/create-custom
  2. Upload your audio file
  3. Enter a project name
  4. Click Create Task
Task creation interface

Editor Mode Interface Overview

The Editor Mode interface is divided into two main sections:

  • Left Panel: Image and video generation workspace
  • Right Panel: Audio timeline (track) workspace

The goal is to generate visual content on the left and align it precisely with your audio on the right.

Custom Mode interface overview

Left Panel: Generation Workspace

The left panel contains three core functional areas:

  1. First-Frame Image Generation
  2. Video Generation
  3. Audio Analysis (reference only, no auto-generation)
  • The bottom section is the generator, where you input prompts and settings
  • The top section displays generated images and videos

This panel is where all visual assets are created before being placed on the timeline.

Right Panel: Audio Timeline

The right panel is centered around the audio timeline at the bottom.

Here you can:

  • Drag generated videos from the left panel onto the timeline
  • Align video clips with specific segments of your audio
  • Rearrange video order freely after placement

First-Frame Image Generation in Editor Mode

To generate a first-frame image:

  1. In the generator area, select Image
  2. Choose your preferred image model
  3. Enter your prompt
  4. Optionally upload a reference image
  5. Click Generate

First-frame images can later be reused to guide video generation.

Video Generation in Editor Mode

Video generation follows a similar workflow:

  1. Enter your video prompt
  2. Select a video model
  3. Optionally choose a first-frame image
  4. Generate the video

About First-Frame Images

A first-frame image defines the visual starting point of a video clip.

It strongly influences:

  • Composition
  • Character appearance
  • Overall visual direction

Using a well-designed first frame can significantly improve video consistency and quality.

First-frame image selection for video generation

Applying Videos to the Audio Timeline

Once your video clips are generated:

  1. Drag them from the left panel into the timeline
  2. Align each clip with the desired audio segment

You can also:

  • Change clip order at any time
  • Replace or remove clips freely

Lip Sync Feature in Editor Mode

To use the lip sync feature, two steps are required:

Step 1: Select Lip Sync Audio

In the right-side audio timeline:

  • Select the specific audio segment that requires lip synchronization
  • Beatviz will use this selected audio to guide the AI's lip movement generation

Step 2: Define Visual Direction

You must also provide:

  • A prompt describing the character and scene
  • An optional reference image

These inputs define the overall visual style while the selected audio controls mouth movement.

BeatViz Editor Tutorial — Master Editor Mode