<br />
<b>Warning</b>:  session_start(): open(/var/lib/php/sessions/sess_cvndh3ojok9hj5c75bsosmcsd9, O_RDWR) failed: No space left on device (28) in <b>/var/www/tb-usercake/models/config.php</b> on line <b>51</b><br />
<br />
<b>Warning</b>:  session_start(): Failed to read session data: files (path: /var/lib/php/sessions) in <b>/var/www/tb-usercake/models/config.php</b> on line <b>51</b><br />
!7

cmodule WebCamDemo > DynPrintLog {
  !include #1029545 // API for Eleu
  
  O html(IWebRequest request) {
    //ret "URI: " + request.uri();
    ret hsansserif() + hfullcenter(p("WebCam Preview")
      + hfulltag video("", autoplay := true, id := "webcamPreview",
          style := "width: 600px; height: 400px; border: 5px solid red;")
      + p("Snapshot " + hbutton("Grab", onclick := "snapshot()"))
      + hfulltag canvas("", id := "snapshotCanvas", width := 300, height := 200, style := "border: 3px solid green;")
    ) + hscript([[
        var video = document.querySelector("#webcamPreview");

        if (navigator.mediaDevices.getUserMedia) {
          navigator.mediaDevices.getUserMedia({ video: true })
            .then(function (stream) {
              video.srcObject = stream;
              getVideoSize();
            })
            .catch(function (err0r) {
              console.log("Something went wrong: " + err0r);
            });
        };

        async function getVideoSize() {
          await new Promise(resolve => video.onloadedmetadata = resolve);
          console.log(`video size: ${video.videoWidth}x${video.videoHeight}`);
        }

        function snapshot() {
          var canvas = document.getElementById("snapshotCanvas");
          var w = video.videoWidth, h = video.videoHeight;
          canvas.getContext("2d").drawImage(video, 0, 0, w/2, h/2);
        }
      ]]);
  }
}