Stinger Presets Reference

This reference documents all built-in system stingers available in Evmux.

System Stingers

Evmux includes 8 built-in video stingers that can be used for scene transitions.

Asset ID	Default Cue Point	Muted	Playback Rate	Description
18	2.38s	Yes	1x	Classic stinger
64	1.56s	Yes	1x	Modern transition
65	0.51s	Yes	1x	Quick flash
66	1.35s	Yes	1x	Smooth wipe
67	1.94s	Yes	1x	Dynamic reveal
68	1.01s	Yes	1x	Fast transition
69	1.50s	Yes	1x	Standard wipe
70	1.50s	Yes	1x	Alternative wipe

Stinger Data Structure

{
  idx: string,           // Asset ID (e.g., '64')
  time: number,          // Cue point in seconds
  muted: boolean,        // Audio muted
  volume: number,        // Volume level (0-100)
  speed: number,         // Playback speed multiplier
  playbackRate: number,  // Display playback rate
}

Cue Points Explained

The cue point (time) is the moment when the scene switch occurs:

Before cue point: Old scene visible through transparent areas
At cue point: Transition happens
After cue point: New scene visible

Recommended: Set cue point when the stinger completely covers the screen.

Default Stinger

When no stinger is selected, the “Default [Fade In]” option is used:

No video stinger (idx: null)
No CSS transition (transitionName: null)
Simple fade effect applied automatically

Custom Stingers

Requirements

Property	Requirement
Format	WEBM only (with alpha channel support)
Max Duration	8 seconds
Max File Size	8MB
Max Width	1920px (landscape) / 1080px (portrait)
Max Height	1080px (landscape) / 1920px (portrait)

Upload Process

Open stinger chooser from scene settings
Click “Upload from Disk” button
Select WEBM file
File is uploaded and processed
Thumbnail generated at video midpoint
Added to “My Uploads” section

Gallery Selection

Click “Add from Gallery” button
Browse uploaded WEBM videos (≤15s duration)
Select video to use as stinger
Set cue point in settings view

Stinger Settings

Cue Point Setting

UI Elements:

Progress bar with current position
Timeline marker (draggable blue icon)
Time display showing current position
Scene preview showing transition point

Setting the Cue Point:

Drag the timeline marker
Or use the progress slider
Preview shows “Scene 1” before cue, “Scene 2” after

Audio Settings

Use audio track checkbox:

Enabled: Stinger audio plays during transition
Disabled: Stinger plays silently

User Stinger Management

Storage Structure

usersStingerList: {
  [assetId]: {
    idx: string,      // Asset ID
    time: number,     // Custom cue point
    muted: boolean,   // Audio setting
    volume: number,   // Volume level
    speed: number,    // Playback speed
    order: number,    // Display order
  }
}

Ordering

Stingers can be reordered via drag-and-drop
Order is persisted across sessions
Newest uploads appear first by default

Scene Stinger Assignment

Each scene stores its own stinger configuration in scene.stingerData:

stingerData: {
  idx: '64',           // System stinger ID
  muted: true,         // Keep muted
  volume: 100,         // Volume if unmuted
  time: 1.56,          // Cue point
  speed: 1,            // Normal speed
  transitionName: null, // Not using CSS transition
  transitionDuration: 0,
}

Buttons and Labels

Button	Location	Action
Add from Gallery	Stinger chooser header	Browse gallery videos
Upload from Disk	Stinger chooser header	Upload new WEBM
Change stinger	Settings view header	Return to selection
Save	Footer	Apply changes
Cancel	Footer (gallery view)	Discard selection

Error Messages

Error	Cause
“Max file size 8MB”	Stinger file exceeds size limit
“Max video width: 1920”	Video resolution too wide
“Max video height: 1080”	Video resolution too tall
“Maximum duration for stinger-video is 8 seconds”	Video too long
“File type does not supported”	Not a WEBM file