Camvas
HTML5 webcam to canvas stream
Install / Use
/learn @cbrandolino/CamvasREADME
Camvas
A simple HTML5 library to stream a webcam video to a <canvas> object.
Uses WebRTC (getUserMedia), Canvas and HTML5 Video.
Check out a sample application, too: camvas_photobooth.
Example usage:
window.onload = function(){
var ctx = document.getElementsByTagName('canvas')[0].getContext('2d')
var draw = function(video, dt) {
ctx.drawImage(video, 0, 0)
}
var myCamvas = new camvas(ctx, draw)
}
Homepage
You can find annotated source code, demo and useful resources at http://cbrandolino.github.com/camvas
Related Skills
node-connect
329.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
81.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
329.7kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
81.2kCommit, push, and open a PR
