Merge pull request #196 from balena-io-experimental/mtoman/deb13

Update to Debian 13 and enable vulkan

Author: flowzone-app[bot]

Dockerfile.template

@@ -1,4 +1,4 @@
-FROM node:20.19.2-bookworm
+FROM debian:13
 
 ENV DEBIAN_FRONTEND=noninteractive
 
@@ -7,11 +7,33 @@ COPY ./build /usr/src/build
 RUN chmod a+x /usr/src/build/install_chromium
 RUN /usr/src/build/install_chromium "%%BALENA_MACHINE_NAME%%"
 
+# Install node
+WORKDIR /usr/local
+
+# renovate: datasource=node-version depName=node
+ARG NODE_VERSION=22.21.1
+
+RUN curl "https://nodejs.org/dist/v${NODE_VERSION}/node-v${NODE_VERSION}-linux-$(dpkg --print-architecture | sed -e 's/amd/x/' -e 's/armhf/armv7l/').tar.gz" \
+    | tar xz --strip-components=1 \
+    && ./bin/node --version
+
+# renovate: datasource=npm depName=npm
+ARG NPM_VERSION=11.6.3
+
+# install npm
+RUN npm install -g "npm@${NPM_VERSION}" \
+    && rm -rf /root/.npm/_cacache \
+    && npm cache clear --force \
+    && rm -rf /tmp/*
+
 WORKDIR /usr/src/app
 
 # install node dependencies
 COPY ./package.json /usr/src/app/package.json
-RUN JOBS=MAX npm install --unsafe-perm --production && npm cache clean --force
+RUN JOBS=MAX npm install --unsafe-perm --production \
+    && rm -rf /root/.npm/_cacache \
+    && npm cache clear --force \
+    && rm -rf /tmp/*
 
 COPY ./src /usr/src/app/
 

build/install_chromium

@@ -10,8 +10,6 @@
 # * The Raspberry Pi 5 needs patched versions of mesa and X to work
 
 BASE_DIR="/usr/src/build"
-CHROMIUM_PACKAGE="chromium"
-
 MACHINE_NAME="$1"
 
 # FORCE_RPI_REPO=0 never includes the repo
@@ -24,23 +22,21 @@ then
 
     cp -a "${BASE_DIR}/rpi/raspi.list" "/etc/apt/sources.list.d/"
     cp -a "${BASE_DIR}/rpi/raspberrypi-archive-stable.gpg" "/etc/apt/trusted.gpg.d/"
-
-    # The RPi-patched chromium package is called chromium-browser
-    CHROMIUM_PACKAGE="chromium-browser"
-else
-    echo "Defaulting to vanilla chromium"
-    # The node library launches /usr/bin/chromium-browser
-    # which is not provided by the upstream package
-    ln -s /usr/bin/chromium /usr/bin/chromium-browser
 fi
 
+# The node library launches /usr/bin/chromium-browser
+# which is not provided by the upstream package
+ln -sf /usr/bin/chromium /usr/bin/chromium-browser
+
 # mimic previous balenalib "install_packages" behavior:
 apt-get update && apt-get install -y  --no-install-recommends \
-    ${CHROMIUM_PACKAGE} \
+    chromium \
     chromium-common \
-    libgles2-mesa \
+    ca-certificates \
+    curl \
     lsb-release \
     mesa-vdpau-drivers \
+    mesa-vulkan-drivers \
     scrot \
     x11-xserver-utils \
     xserver-xorg-input-evdev \

build/rpi/raspi.list

@@ -1,3 +1,3 @@
-deb http://archive.raspberrypi.com/debian/ bookworm main
+deb http://archive.raspberrypi.com/debian/ trixie main
 # Uncomment line below then 'apt-get update' to enable 'apt-get source'
-#deb-src http://archive.raspberrypi.com/debian/ bookworm main
+#deb-src http://archive.raspberrypi.com/debian/ trixie main

readme.md

@@ -88,6 +88,7 @@ The following environment variables allow configuration of the `browser` block:
 |`ROTATE_DELAY`|`n`|`3`|Add an artificial delay (in seconds) before applying display rotation|
 |`TOUCHSCREEN`|`string`|N\A|Name of Touch Input to rotate|
 |`ENABLE_GPU`|`0`, `1`|0|Enables the GPU rendering. Necessary for Pi3B+ to display YouTube videos. <br/> `0` = off, `1` = on|
+|`FORCE_VULKAN`|`0`, `1`|undefined|In combination with `ENABLE_GPU`, forces vulkan to either be enabled or disabled in chromium. If undefined or an invalid value, vulkan is only automatically enabled on the Raspberry Pi 5|
 |`WINDOW_SIZE`|`x,y`|Detected screen resolution|Sets the browser window size, such as `800,600`. <br/> **Note:** Reverse the dimensions if you also rotate the display to `left` or `right` |
 |`WINDOW_POSITION`|`x,y`|`0,0`|Specifies the browser window position on the screen|
 |`API_PORT`|port number|5011|Specifies the port number the API runs on|

src/server.js

@@ -23,6 +23,7 @@ const FLAGS = process.env.FLAGS || null;
 const EXTRA_FLAGS = process.env.EXTRA_FLAGS || null;
 const HTTPS_REGEX = /^https?:\/\//i //regex for HTTP/S prefix
 const AUTO_REFRESH = process.env.AUTO_REFRESH || 0;
+const FORCE_VULKAN = process.env.FORCE_VULKAN || "-1";
 
 // Environment variables which can be overriden from the API
 let kioskMode = process.env.KIOSK || '0';
@@ -141,6 +142,17 @@ let launchChromium = async function(url) {
           '--enable-gpu-rasterization',
         ];
 
+        // Enable vulkan
+        // This only seems to make a difference on the Raspberry Pi 5,
+        // it enables HW accelerated video decoding at the cost of some OpenGL performance
+        // * If FORCE_VULKAN is 0, never enable vulkan
+        // * If FORCE_VULKAN is 1, always enable vulkan
+        // * If FORCE_VULKAN is anything else or undefined, enable vulkan if the device is a RPi5
+        if (FORCE_VULKAN === "1" || (process.env.BALENA_DEVICE_TYPE === "raspberrypi5" && FORCE_VULKAN !== "0"))
+        {
+          gpuFlags.push('--enable-features=Vulkan');
+        }
+
         flags = flags.concat(gpuFlags);
       }
     }