Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Sep 2, 2020
1 star
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 videoFake video playerHello Picture-in-PictureHello vidvid-infoframeAtHello frameAtCanvas 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
Can I Use Media Fragments?
Also listed in…
Image
video = html`<video controls src='https://justadudewhohacks.github.io/face-api.js/media/bbt.mp4#t=20,30'/>`
video.location
await new Promise(resolve => {
video.addEventListener('loadeddata', () =>
resolve({
start: video.seekable.start(0),
end: video.seekable.end(0),
currentTime: video.currentTime,
duration: video.duration
})
);
})
image = html`<img src="http://placekitten.com/500#xywh=100,100,10,10" />`
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.
