The avatar for @backandforth
backandforth
Published
Edited
May 15, 2021
Importers
Insert cell
md`# Modules`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
video = html`
<video autoplay="true"
style="width: 500px;height: 375px;background-color: #666;"
id="video">
</video>
`
Insert cell
canvas = html`<canvas id="c1" width="500" height="375"></canvas>`
Insert cell
mutable capabilities = "Waiting..."
Insert cell
checkMediaDevices = {
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({video: true})
.then(function(stream) {
video.srcObject = stream;
mutable capabilities = stream.getVideoTracks()[0].getCapabilities();
})
.catch(function(err0r) {
mutable capabilities = "No Video Camera";
});
return "OK"
}
return "navigator does not support mediaDevices"
}
Insert cell
{
// https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Manipulating_video_using_canvas
// TODO
}
Insert cell
Insert cell
import {agreeModule, continueModule2, donotsellModule, donottrackModule, wasthishelpfulModule2} from "@backandforth/modules-mm";
Insert cell
Insert cell
Insert cell
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