Fast & open source video effects in the browser

Add video & audio effects to any web video application in 3 lines of code. It's free & open source, and powered by the fastest and most accurate models on the web.

See the demo Get started

effects.js

$ npm install longpipe

import { EffectsPipeline } from 'longpipe'

const pipeline = new EffectsPipeline(stream, {
    background: 'background.png',
    audio: 'denoise',
    touchup: true
});

Longpipe video effects SDK features: virtual backgrounds, face and beauty filters, and noise removal

One SDK, all the effects

Longpipe packs multiple effects not just into one sdk, but into one model, so you can deploy 4 features in 10 lines of code without worrying about performance.

Virtual backgrounds: Blur, replace or restyle the background with any image, video or color.
Face / beauty filters: Natural skin smoothing that keeps texture — every face in frame, one slider.
Auto-reframe: Centre-stage framing that follows the subject — steady, never swimmy.
Noise removal: Real-time mic denoising — keyboards, fans and traffic out, voice untouched.

The best models on the web

The best quality and the fastest performance, pick both. Our optimized Hydranet architecture, custom model-specific shaders, zero-memory-copy pipeline, developer friendly interface and 100% MIT open source license mean that 🐲 Longpipe pareto dominates on performance, model quality and speed to market.

Benchmark chart: Longpipe segmentation accuracy and speed versus MediaPipe and BodyPix

effects.js

import { EffectsPipeline } from 'longpipe'

const stream = await navigator.mediaDevices.
getUserMedia({ video: true, audio: true })
const pipeline = new EffectsPipeline(stream, {
  background: 'blur',
  preset:     'auto',
  audio:      'denoise',
})
videoEl.srcObject = pipeline.stream

// Swap at runtime — no flicker, no re-init
await pipeline.setBackground('https://example.com/bg.jpg')
await pipeline.setBackground({ blur: { strength: 0.8 } })

// Tear down when done
pipeline.destroy()

Built for production

Longpipe is not just a tflite model, it's an end to end production-ready SDK, build from the ground up to work just as well on 10 year old netbooks as it does on the latest Macbook pro.

→ Support across browsers: Works on every browser, simplifying dozens of browser inconsistencies in one simple API.
→ MIT licensed, end to end: Source code and model weights are MIT, with documented, consent-based training data — self-host everything, ship it commercially, no lawyers required.
→ Adaptivity: Longpipe has several model variants for both audio and video, auto-selecting to provide the best quality while maintaining 30 fps.
→ Built by the founder of Vectorly, a commercial effects SDK acquired in 2021. A ground-up redesign for the WebGPU era, with years of production lessons baked in.

Try it.

Real-time virtual effects, real source you can read. Three lines to integrate, zero config to start.

effects.js

$ npm install longpipe

import { EffectsPipeline } from 'longpipe'
const pipeline = new EffectsPipeline(stream, { background: 'blur' })

Get started See the demo