Video engineering, learned by doing.
Courses where every diagram is the real tool. Build an FFmpeg pipeline as a graph, read the command it writes, run it in your browser. Nothing to install, nothing uploaded.
Tools
Six browser tools on one shared shell. Each hands its output to the next, and every panel below is the real one, not a mock-up. Build, measure, inspect and repair; they hand files to each other.
FFMPEG Studio
Every flag is a node. Drop filters from the palette, tune them in the inspector, and the command bar writes the real ffmpeg line as you go. Type in the bar and the graph follows.
What The FFMPEG
Paste a command and read it flag by flag. Inspect parses an MP4 box by box, Explain breaks a command into chips with the docs behind each one, Compare diffs two commands and predicts what changes.
HLS Video Processing
Fetch a playlist and probe every segment in the browser. The timeline draws one lane per variant, marks where keyframes drift, and hands each finding to the Studio as a fix.
Corruption Check
Drop in a file that will not play. The container is read in the browser and every finding says what broke, how it was detected, and the ffmpeg command that repairs it.
DASH Lab
Steer a real dash.js player by hand. Force a rung, cap the bitrate, change the ABR rule, throttle the network, and watch throughput, buffer and latency respond on the charts.
WebRTC Lab
Two real peer connections in one tab. Start the call, then change bitrate, resolution, loss and codec while it runs and read the SDP, ICE pairs and stats as they change.
Also in the workspace
Same shell, same tabs, same shortcuts. A file moves from one tool to the next without leaving the browser.
Cloud Video Lab
Every managed video product is the same pipeline with different names. Pick a provider and a scenario, then click a stage to see the product that owns it, the real API call, and the ffmpeg command that does the same job.
{
"inputUri": "gs://beem-src/input/master-4k.mov",
"outputUri": "gs://beem-out/hls/",
"config": {
"elementaryStreams": [
{ "key": "v1080", "videoStream": { "h264": { "heightPixels": 1080, "bitrateBps": 5000000, "frameRate": 30, "gopDuration": "2s" } } },
{ "key": "v720", "videoStream": { "h264": { "heightPixels": 720, "bitrateBps": 2500000, "frameRate": 30, "gopDuration": "2s" } } },
{ "key": "v360", "videoStream": { "h264": { "heightPixels": 360, "bitrateBps": 800000, "frameRate": 30, "gopDuration": "2s" } } },
{ "key": "a128", "audioStream": { "codec": "aac", "bitrateBps": 128000 } }
],
"muxStreams": [
{ "key": "hls-1080", "container": "fmp4", "elementaryStreams": ["v1080","a128"], "segmentSettings": { "segmentDuration": "6s" } },
{ "key": "hls-720", "container": "fmp4", "elementaryStreams": ["v720","a128"], "segmentSettings": { "segmentDuration": "6s" } },
{ "key": "hls-360", "container": "fmp4", "elementaryStreams": ["v360","a128"], "segmentSettings": { "segmentDuration": "6s" } }
],
"manifests": [
{ "fileName": "master.m3u8", "type": "HLS", "muxStreams": ["hls-1080","hls-720","hls-360"] },
{ "fileName": "master.mpd", "type": "DASH", "muxStreams": ["hls-1080","hls-720","hls-360"] }
]
}
}Learning
Five courses, study sessions and certificates, each pointed at the tools above.
Module Quiz
FFMPEG, HLS, MPEG-DASH, WebRTC and Media Pipelines. Read the idea, open the graph it describes, change it, break it, run it. Here is a real question from the FFMPEG course.
Pricing
Every course, every lab, every browser tool and the desktop app are free with a free account. Pro is for keeping your work: 30 GB of cloud storage, unlimited saved pipelines and certificates.
Questions
Open a lesson. Change one flag. See what happens.
That is the whole idea, and it costs nothing to try.