3e:null 3f:["$","title",null,{"children":"Face Landmarks Detection - Tensorflow.js | Penn | Observable"}] 45:T591,viewof video = { const video = document.createElement("video"); const el = html`

${video}`; video.style.width = "20%"; video.playsinline = true; video.autoplay = true; video.controls = false; video.loop = false; video.mute = true; video.crossOrigin = "Anonymous"; video.preload = "auto"; // hacks to make it work on safari IOS video.setAttribute("muted", ""); video.setAttribute("playsinline", ""); video.setAttribute("loop", "false"); video.setAttribute("autoplay", ""); el.value = video; const loadmeta = new Promise((resolve) => (video.onloadedmetadata = resolve)); const loaddata = new Promise((resolve) => (video.onloadeddata = resolve)); try { const stream = await navigator.mediaDevices.getUserMedia({ video: { deviceId: videoDevice ? { exact: videoDevice } : null, width: VIDEOW, height: VIDEOH }, facingMode: "user", audio: false }); video.srcObject = stream; invalidation.then(() => stream.getTracks().forEach((t) => t.stop())); await loadmeta; await loaddata; yield el; } catch (e) { const bt = html`

3D Points

2D Canvas