Skip to main content

Peako Studio User Guide

Welcome to Peako Studio. This guide covers everything you need to edit videos, manage projects, and export your work.

Access: https://studio.shin0x.space

Getting Started​

Sign In​

  1. Go to https://studio.shin0x.space
  2. Click "Sign in with Google"
  3. Approve the Google OAuth consent screen
  4. You'll land on the Dashboard

Your session is secure — we use OAuth 2.0 with PKCE (code challenge) to protect your account.

Dashboard​

The Dashboard is your project home.

Left Sidebar:

  • Profile icon + your email
  • New Project button — create a new video template
  • Recent Projects — list of your work
  • Settings + logout (gear icon)

Main Area:

  • Project cards showing thumbnail, name, last edited date
  • Click a card to open it in the Editor

Create a New Project​

  1. Click "New Project"
  2. Enter a name (e.g., "Birthday Video")
  3. Click "Create"
  4. You'll land in the Editor

The Editor​

The Editor is where you build your video. It has three sections:

Layout​

┌─────────────────────────────────────────────────────────┐
│                    Navbar (Save Status)                  │
├──────────────────┬──────────────────┬──────────────────┤
│                  │                  │                  │
│  Left Panel      │  Preview         │  Right Panel     │
│  (Tracks)        │  (Remotion       │  (Controls)      │
│                  │   Player)        │                  │
│                  │                  │                  │
├──────────────────┴──────────────────┴──────────────────┤
│              Timeline (Bottom)                          │
└──────────────────────────────────────────────────────────┘

Left Panel: Tracks​

The Tracks panel shows all video, audio, text, and effect layers.

Tracks:

  • Video Track — main video clips, effects applied here
  • Audio Track — background music, voiceover
  • Text Track — titles, captions, graphics
  • Graphic Track — images, shapes

Manage Tracks:

  • + button — add a new track
  • - button (next to track) — delete track
  • Eye icon — toggle visibility
  • Speaker icon — toggle audio playback

Center: Preview​

The Preview panel is your main canvas. It shows what your video looks like in real-time.

Controls:

  • Play / Pause — spacebar or click the play button
  • Scrub — click and drag the playhead along the timeline to jump to any moment
  • Speed — dropdown to play at 0.5x, 1x, 2x speed for faster scrubbing
  • Zoom — zoom in/out to see more or less of the canvas

Selection:

  • Click on any clip/text/shape on the canvas to select it
  • Hold Shift to multi-select
  • Right-click for context menu (copy, delete, etc.)

Right Panel: Controls​

The Controls panel adjusts properties of the selected item.

If you've selected a video clip:

  • Position — X, Y on the canvas
  • Size — width, height
  • Opacity — 0% = invisible, 100% = fully opaque
  • Effects — list of applied effects; click to edit or remove
  • Speed — playback speed multiplier (0.5x–2.0x)

If you've selected a text clip:

  • Text content — edit the actual text
  • Font — typeface selector
  • Size — text height in pixels
  • Color — hex color picker
  • Alignment — left, center, right
  • Animation In/Out — entrance + exit effects (fade, glitch, etc.)

If you've selected audio:

  • Volume — 0% to 100%
  • Fade In / Fade Out — smoothly ramp audio in/out

Timeline (Bottom)​

The Timeline shows every clip frame-by-frame. Horizontal = time, vertical = layers.

Scrubbing:

  • Click on the timeline to jump the playhead to any time
  • Drag the playhead left/right to scrub

Editing Clips:

  • Select clip — click it on the timeline
  • Trim — drag the left or right edge to shorten
  • Move — drag the clip left/right to reposition in time
  • Delete — select + press Delete

Snap-to-Frame:

  • Magnet icon in the timeline header toggles snap
  • When ON: clips snap to frame boundaries when you drag
  • Helpful for exact sync to audio beats

Common Workflows​

Workflow 1: Upload & Trim​

  1. Open the Editor
  2. Click "Upload" (left panel or center preview)
  3. Select a video file from your computer
  4. Drag the clip onto the Video Track
  5. On the timeline, drag the left/right edges to trim
  6. Click Export to save the trimmed video

Workflow 2: Add Text Over Video​

  1. In the left panel, click "Add Text" (below Tracks)
  2. Double-click the text to edit it
  3. In the right panel, set font, size, color
  4. Drag the text on the canvas to position it
  5. In the right panel, add an Animation In effect (Fade In, Glitch, etc.)
  6. Click Export

Workflow 3: Mix Background Music​

  1. Add Audio Track — left panel, click + next to "Audio Track"
  2. Upload music — click the Audio Track, then Upload
  3. Position — drag the audio clip to start where you want
  4. Adjust Volume — right panel, slider (0–100%)
  5. Fade In/Out — right panel, set fade durations
  6. Export with "Mix audio" option

Workflow 4: Apply Effects​

  1. Select a video clip on the timeline
  2. Right panel → "Effects" section
  3. Click "Add Effect" → choose from catalog (Fade, Glitch, Speed Ramp, etc.)
  4. Each effect shows parameters (duration, intensity, etc.)
  5. Adjust parameters in the right panel
  6. Effect applies to the clip immediately

Workflow 5: Export Video​

  1. Top navbar → "Export" button
  2. Quality — choose HD (720p), Full HD (1080p), or 4K
  3. Format — MP4 (best compatibility), WebM (web), MOV (ProRes)
  4. Delivery —
    • Download — save to your computer (sync, 50MB)
    • Cloud — upload to CDN, get shareable link
  5. Click "Start Export"
  6. Monitor progress in Jobs Dashboard (gear icon → "Jobs")

Keyboard Shortcuts​

ShortcutAction
SpacePlay / Pause
Cmd+ZUndo
Cmd+Shift+ZRedo
Cmd+SSave (manual)
DeleteDelete selected clip
Cmd+CCopy
Cmd+VPaste
Cmd+DDuplicate clip
1–9Jump to 10%–90% of timeline

Settings​

Click the gear icon (top right) to access Settings.

User Settings​

  • Email — view your account email
  • API Keys — generate API keys for programmatic access
    • Click "Generate New Key" to create one
    • Click "Rotate Key" to invalidate and create a new one
    • Keep keys private (never share in public repos)

Team Management​

  • Teams — create or join teams
  • Members — invite team members by email
  • Roles — Admin, Editor, Viewer
    • Admin: full control + billing
    • Editor: create/edit projects
    • Viewer: read-only access

Preferences​

  • Playback Speed — default for scrubbing
  • Snap-to-Frame — default snap behavior
  • Auto-Save Interval — how often we save your work (default: every 2 seconds)

Save & Auto-Save​

Auto-Save​

Every 2 seconds, Peako saves your design state automatically. The Navbar shows the save status:

  • "Saving…" — currently saving
  • "Saved ✓" — last save succeeded
  • "Save failed" — network error or permission issue

You never lose work.

Manual Save​

Click Cmd+S to manually save. Useful before exporting large videos.

Upload & Asset Library​

Upload Video/Audio​

  1. Video Track → click Upload
  2. Select a file (MP4, MOV, WebM, MKV for video; MP3, WAV, AAC for audio)
  3. File is scanned for video properties (duration, resolution, codec)
  4. Drag the clip onto the timeline

Supported Formats​

Video: MP4, MOV, WebM, MKV (H.264, H.265, VP8, VP9)
Audio: MP3, WAV, AAC, OGG, FLAC
Images: JPG, PNG, GIF (for overlay tracks)
Subtitles: SRT (drag onto Text Track or use "Import Captions")

File Size Limits​

  • Single file: up to 2 GB
  • Project total: 50 GB (per team)
  • Auto-delete: outputs deleted after 7 days retention

Effects & Transitions​

Apply an Effect​

  1. Select a video clip
  2. Right panel → "Effects" section
  3. Click "Add Effect"
  4. Browse the catalog:
    • Appear — entrance effects (Fade In, Glitch Shift)
    • Disappear — exit effects (Fade Out)
    • Speed — speed changes (Speed Ramp)
    • Color — color grades (Cinematic LUT)
    • Distort — warping, blur
  5. Click an effect → parameters appear
  6. Adjust parameters (duration, intensity, etc.)
  7. Effect plays in the preview in real-time

Built-in Effects​

EffectCategoryWhat it does
Fade InAppearBlack to clear over time
Fade OutDisappearClear to black
Glitch ShiftAppearRGB channel displacement, digital glitch
Speed RampSpeedSmoothly ramp from slow → fast (cinematic)
Cinematic LUTColorWarm highlights, cool shadows
VignetteDistortDarkened edges

Transitions​

Transitions appear between clips on the timeline. To add:

  1. Select the gap between two clips (click the space between them)
  2. Right panel → "Transition" section
  3. Click "Add Transition"
  4. Choose: Fade, Dissolve, Wipe, Slide, Cut
  5. Set duration (default: 0.5 seconds)

Subtitles & Captions​

Add SRT Captions​

  1. Upload an SRT file (text timeline format) 
    1
    00:00:00,000 --> 00:00:05,000
    Hello, world!

    2
    00:00:05,000 --> 00:00:10,000
    This is a test.
  2. Drag onto the Text Track
  3. Subtitles appear at bottom of video
  4. Right panel → adjust font, color, size
  5. To burn-in (make permanent), click "Render to Video"

Manual Captions​

  1. Add Text → type manually
  2. Set timings on the timeline
  3. Adjust per-line styling in right panel

Export & Delivery​

Export Options​

  1. Click Export (top navbar)
  2. Quality:
    • HD (720p) — fast, smaller file
    • Full HD (1080p) — standard quality
    • 4K (2160p) — high-end, slower render
  3. Format:
    • MP4 — best compatibility (YouTube, social media)
    • WebM — web/VP8 codec
    • MOV — Apple/ProRes quality
  4. Delivery:
    • Download — save to your computer (HTTP response)
    • Cloud — upload to Bunny CDN (shareable link, no download)
  5. Click "Start Export"
  6. Watch progress in Jobs Dashboard

Monitor Export​

  1. Open Jobs Dashboard (gear icon → "Jobs")
  2. See all running/completed exports
  3. Status: Queued → Active → Done
  4. Once done: download link or CDN URL
  5. Click the URL to download or share

Playback After Export​

Once export is done, you get a link:

  • Download link — https://peako-bucket.s3.../output.mp4
  • CDN link — https://cdn.bunny.net/peako/output.mp4 (faster)

Click to download or right-click to share.

Troubleshooting​

"Saving… (still saving after 10s)"​

Cause: Network latency or server overload
Fix: Check your internet. Wait a few more seconds. If it persists, refresh the page (auto-save will catch you up).

Upload Fails​

Cause: File format unsupported or file too large
Fix: Check the file is MP4/MOV/WebM. Max size is 2 GB per file.

Export Takes Hours​

Cause: 4K export or very long video
Fix: 4K can take 10+ minutes. Reduce quality to 1080p for faster export. Monitor in Jobs Dashboard.

Audio Out of Sync​

Cause: Clips on different tracks with different frame rates
Fix: Ensure all video clips are the same frame rate. Check "Properties" in right panel.

Text Not Visible​

Cause: Text color same as background
Fix: Right panel → change text color to contrast. Or add a background shape behind the text.

Team Collaboration​

Create a Team​

  1. Settings → "Teams"
  2. Click "Create Team"
  3. Name and description
  4. Click "Create"

Invite Team Members​

  1. Settings → "Teams" → select the team
  2. Click "Invite Members"
  3. Enter email addresses (comma-separated)
  4. Assign roles: Admin, Editor, Viewer
  5. Click "Send Invites"

Members get an invite email with a join link.

Access Control​

  • Admin — create/delete projects, invite/remove members, manage billing
  • Editor — create/edit projects, can't manage team
  • Viewer — view-only (can watch, can't edit)

Performance Tips​

  1. Use HD instead of 4K if you don't need it (exports 4x faster)
  2. Keep projects under 30 tracks (too many slow down the editor)
  3. Optimize source videos — pre-cut large files to trim what you need
  4. Compress audio — use MP3 instead of uncompressed WAV
  5. Close other tabs — free up memory for smooth editing
  6. Export during off-peak — nights/weekends may queue faster

Support​