[{"id":"51aec48d.13d2dc","type":"http in","z":"dfae340c.c89278","name":"","url":"/prueba2","method":"get","upload":false,"swaggerDoc":"","x":90,"y":1020,"wires":[["4b22aa4d.088c34"]]},{"id":"4b22aa4d.088c34","type":"template","z":"dfae340c.c89278","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"<!-- Stream video via webcam -->\n<div class=\"video-wrap\">\n    <video id=\"video\" playsinline autoplay></video>\n</div>\n\n<!-- Trigger canvas web API -->\n<div class=\"controller\">\n    <button id=\"snap\">Capture</button>\n</div>\n\n<!-- Webcam video snapshot -->\n<canvas id=\"canvas\" width=\"640\" height=\"480\"></canvas>\n\n<script>\n    'use strict';\n    \n\tconst video = document.getElementById('video');\n    const canvas = document.getElementById('canvas');\n    const snap = document.getElementById(\"snap\");\n    const errorMsgElement = document.querySelector('span#errorMsg');\n\n    const constraints = {\n      audio: true,\n      video: {\n        width: 1280, height: 720\n      }\n    };\n\n    // Access webcam\n    async function init() {\n      try {\n        const stream = await navigator.mediaDevices.getUserMedia(constraints);\n        handleSuccess(stream);\n      } catch (e) {\n        errorMsgElement.innerHTML = 'navigator.getUserMedia error:${e.toString()}';\n      }\n    }\n\n    // Success\n    function handleSuccess(stream) {\n      window.stream = stream;\n      video.srcObject = stream;\n    }\n\n    // Load init\n    init();\n\n    // Draw image\n    var context = canvas.getContext('2d');\n    snap.addEventListener(\"click\", function() {\n            context.drawImage(video, 0, 0, 640, 480);\n    });\n</script>","output":"str","x":260,"y":1020,"wires":[["c9b727ae.0a6948"]]},{"id":"c9b727ae.0a6948","type":"http response","z":"dfae340c.c89278","name":"","statusCode":"","headers":{},"x":410,"y":1020,"wires":[]}]