Custom Video Backgrounds for video compositions

import { Background } from '@videobgremover/sdk'

// Solid color backgrounds
const red = Background.fromColor('#FF0000', 1920, 1080, 30)
const green = Background.fromColor('#00FF00', 1920, 1080, 30) // Chroma key
const blue = Background.fromColor('#0000FF', 1920, 1080, 30)
const white = Background.fromColor('#FFFFFF', 1920, 1080, 30)
const black = Background.fromColor('#000000', 1920, 1080, 30)

// Custom colors
const purple = Background.fromColor('#7C3AED', 1920, 1080, 30)
const orange = Background.fromColor('#FF6B35', 1920, 1080, 30)

import { Background } from '@videobgremover/sdk'

// Image backgrounds (dimensions auto-detected)
const cityscape = Background.fromImage('cityscape.jpg', 30)
const nature = Background.fromImage('forest.png', 24)

// From URLs
const webImage = Background.fromImage('https://example.com/bg.jpg', 30)

// Different frame rates
const cinema = Background.fromImage('background.jpg', 24)   // Cinematic
const smooth = Background.fromImage('background.jpg', 60)   // Smooth

import { Background } from '@videobgremover/sdk'

// Video backgrounds (dimensions and FPS auto-detected)
const nature = Background.fromVideo('nature_scene.mp4')
const abstract = Background.fromVideo('abstract_motion.mov')

// From URLs
const streaming = Background.fromVideo('https://example.com/bg_video.mp4')

// With audio control
const silent = Background.fromVideo('music_video.mp4').audio(false)
const quiet = Background.fromVideo('ambient.mp4').audio(true, 0.3) // 30% volume

// Use seconds 10-30 of background video
const trimmed = Background.fromVideo('long_video.mp4').subclip(10, 30)

// Use from 5 seconds to end
const fromMiddle = Background.fromVideo('video.mp4').subclip(5)

// Enable background audio (default for video backgrounds)
const withAudio = Background.fromVideo('music.mp4').audio(true, 1.0)

// Disable background audio
const silent = Background.fromVideo('music.mp4').audio(false)

// Reduce background audio volume
const quiet = Background.fromVideo('music.mp4').audio(true, 0.2) // 20% volume

// 30-second background video = 30-second final composition
const bg = Background.fromVideo('30_second_video.mp4')
const comp = new Composition(bg)
comp.add(shortForeground) // Even if foreground is 5 seconds

// Final video will be 30 seconds (background duration)

// Color background adapts to foreground
const bg = Background.fromColor('#FF0000', 1920, 1080, 30)
const comp = new Composition(bg)
comp.add(tenSecondForeground) // 10-second foreground

// Final video will be 10 seconds (foreground duration)

const comp = new Composition(anyBackground)
comp.setDuration(15.0) // Force 15-second duration
comp.add(foreground)

// Final video will be exactly 15 seconds

// Clean corporate background
const bg = Background.fromColor('#1E293B', 1920, 1080, 30) // Dark blue
const comp = new Composition(bg)

comp.add(interviewSubject, 'person')
  .at(Anchor.CENTER_RIGHT, -100)
  .size(SizeMode.CANVAS_PERCENT, { percent: 60 })

comp.add(companyLogo, 'logo')
  .at(Anchor.BOTTOM_LEFT, 50, -50)
  .size(SizeMode.CANVAS_PERCENT, { percent: 15 })
  .opacity(0.8)

// Dynamic video background
const bg = Background.fromVideo('city_timelapse.mp4')
const comp = new Composition(bg)

comp.add(dancer, 'performer')
  .at(Anchor.CENTER)
  .size(SizeMode.CONTAIN)
  .opacity(0.9)

// Background video controls duration automatically