Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- javascript [2023-01-18 15:40:48] – david
+++ javascript [2026-05-16 12:12:24] (aktuell) – [video screenshot] david
@@ Zeile 114: / Zeile 114: @@
 app.listen(port);
 console.info(`Express started on port ${port}`);
+</code>
+<code json package.json>
+{
+  "name": "test",
+  "version": "1.0.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "test.js",
+  "dependencies": {
+    "express": "^4.18.2"
+  },
+}
 </code>
@@ Zeile 136: / Zeile 150: @@
 ==== frontend ====
+=== video screenshot ===
+screenshot des ersten videos auf der aktuellen webseite
+<code javascript>
+(() => {
+  const format = { ext: "png", mime: "image/png", };
+  const video = document.querySelector("video");
+  const width = video.videoWidth;
+  const height = video.videoHeight;
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  ctx.drawImage(video, 0, 0, width, height);
+  const timestamp = (new Date()).toISOString()
+    .replaceAll(/[t:]/gi, "-")
+    .replaceAll(/\..*$/gi, "");
+  canvas.toBlob((it) => {
+    const url = URL.createObjectURL(it);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `screenshot-${timestamp}.${format.ext}`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, format.mime, 1);
+})();
+</code>