wip arrière plan vidéo

background-video/.gitignore

@@ -0,0 +1 @@
+node_modules

background-video/package-lock.json

@@ -0,0 +1,56 @@
+{
+  "name": "background-video",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "playwright": "^1.59.1"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.59.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
+      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.59.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.59.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
+      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    }
+  }
+}

background-video/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "playwright": "^1.59.1"
+  },
+  "type": "module"
+}

background-video/record-video.js

@@ -0,0 +1,26 @@
+#!/bin/env node
+import {firefox} from "playwright"
+
+const SCREENCAST_DURATION = 10000
+const SCREEN_SIZE = {width: 1920, height: 1080}
+
+const browser = await firefox.launch()
+const page = await browser.newPage()
+
+await page.setViewportSize(SCREEN_SIZE)
+await page.goto("http://localhost:8080/")
+await page.evaluate(() => document.getElementById("app").style.display = "none")
+
+await page.screenshot({path: "screenshot.png"})
+
+await page.screencast.start({
+    onFrame: (data) => {
+        console.log('received frame', data);
+    },
+    quality: 100,
+    size: SCREEN_SIZE
+})
+await new Promise((res) => setTimeout(res, SCREENCAST_DURATION))
+await page.screencast.stop()
+
+await browser.close()