The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Jul 3, 2020
1 fork
7 stars
Video
Video and canvas (MDN tutorial)Manipulating video using canvas (MDN tutorial)Naive face tracking and extractionThree Formats to Export Videos: webm, sprite, or base64 in CSVAsynchronous Canvas Recorder with ccapture.jsExtract a frame at time 't' from a video
Fake video player
Hello Picture-in-PictureHello vidvid-infoframeAtHello frameAtCan I Use Media Fragments?Canvas operations on a livestream videoLiveInCam videosPoll video current timeTexture projectionDetached video controlsHello ffmpeg.wasmCompute the approximate median image of a videoTrying to understand CORS for videosVideo CORS debuggerMediatize
Also listed in…
Image
Insert cell
Insert cell
frame
Insert cell
viewof frame = Scrubber(githubImgs, {
autoplay: false,
initial: 128,
delay: 1000 / +fps,
format: (img, i) => `Frame ${i}/${githubImgs.length - 1}`
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
bindTweaked(viewof frame, form => form.i, viewof y);
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more