[Broadcaster] Fix Docker image not working with bridge network (#64)

Author: sgfn

broadcaster/Dockerfile

@@ -18,7 +18,7 @@ ARG DEBIAN_VERSION=bookworm-20240701-slim
 ARG BUILDER_IMAGE="hexpm/elixir:${ELIXIR_VERSION}-erlang-${OTP_VERSION}-debian-${DEBIAN_VERSION}"
 ARG RUNNER_IMAGE="debian:${DEBIAN_VERSION}"
 
-FROM ${BUILDER_IMAGE} as builder
+FROM ${BUILDER_IMAGE} AS builder
 
 # install build dependencies
 RUN apt-get update -y && apt-get install -y build-essential git pkg-config libssl-dev \
@@ -74,9 +74,9 @@ RUN apt-get update -y && \
 # Set the locale
 RUN sed -i '/en_US.UTF-8/s/^# //g' /etc/locale.gen && locale-gen
 
-ENV LANG en_US.UTF-8
-ENV LANGUAGE en_US:en
-ENV LC_ALL en_US.UTF-8
+ENV LANG=en_US.UTF-8
+ENV LANGUAGE=en_US:en
+ENV LC_ALL=en_US.UTF-8
 
 WORKDIR "/app"
 RUN chown nobody /app

broadcaster/README.md

@@ -47,13 +47,13 @@ docker run \
 ```
 
 Note that secret has to be at least 64 bytes long.
-You can generate one with `mix phx.gen.secret`.
+You can generate one with `mix phx.gen.secret` or `head -c64 /dev/urandom | base64`.
 
 If you are running on MacOS, instead of using `--network host` option, you have to explicitly publish ports:
 
 ```
 docker run \
-    -e SECRET_KEY_BASE="secert" \
+    -e SECRET_KEY_BASE="secret" \
     -e PHX_HOST=localhost \
     -e ADMIN_USERNAME=admin \
     -e ADMIN_PASSWORD=admin \

broadcaster/assets/js/panel.js

@@ -105,7 +105,27 @@ function enableControls() {
 async function startStreaming() {
   disableControls();
 
+  const candidates = [];
+  let patchEndpoint = undefined;
   pc = new RTCPeerConnection();
+
+  pc.onicegatheringstatechange = () =>
+    console.log('Gathering state change:', pc.iceGatheringState);
+  pc.onconnectionstatechange = () =>
+    console.log('Connection state change:', pc.connectionState);
+  pc.onicecandidate = (event) => {
+    if (event.candidate == null) {
+      return;
+    }
+
+    const candidate = JSON.stringify(event.candidate);
+    if (patchEndpoint === undefined) {
+      candidates.push(candidate);
+    } else {
+      sendCandidate(patchEndpoint, candidate);
+    }
+  };
+
   pc.addTrack(localStream.getAudioTracks()[0], localStream);
   const { sender: videoSender } = pc.addTransceiver(
     localStream.getVideoTracks()[0],
@@ -145,6 +165,13 @@ async function startStreaming() {
     });
 
     if (response.status == 201) {
+      patchEndpoint = response.headers.get('location');
+      console.log('Successfully initialized WHIP connection');
+
+      for (const candidate of candidates) {
+        sendCandidate(patchEndpoint, candidate);
+      }
+
       const sdp = await response.text();
       await pc.setRemoteDescription({ type: 'answer', sdp: sdp });
       button.innerText = 'Stop Streaming';
@@ -163,6 +190,26 @@ async function startStreaming() {
   }
 }
 
+async function sendCandidate(patchEndpoint, candidate) {
+  const response = await fetch(patchEndpoint, {
+    method: 'PATCH',
+    cache: 'no-cache',
+    headers: {
+      'Content-Type': 'application/trickle-ice-sdpfrag',
+    },
+    body: candidate,
+  });
+
+  if (response.status === 204) {
+    console.log(`Successfully sent ICE candidate:`, candidate);
+  } else {
+    console.error(
+      `Failed to send ICE, status: ${response.status}, candidate:`,
+      candidate
+    );
+  }
+}
+
 function stopStreaming() {
   pc.close();
   pc = undefined;

nexus/Dockerfile

@@ -18,7 +18,7 @@ ARG DEBIAN_VERSION=bookworm-20240701-slim
 ARG BUILDER_IMAGE="hexpm/elixir:${ELIXIR_VERSION}-erlang-${OTP_VERSION}-debian-${DEBIAN_VERSION}"
 ARG RUNNER_IMAGE="debian:${DEBIAN_VERSION}"
 
-FROM ${BUILDER_IMAGE} as builder
+FROM ${BUILDER_IMAGE} AS builder
 
 # install build dependencies
 RUN apt-get update -y && apt-get install -y build-essential git pkg-config libssl-dev \
@@ -74,9 +74,9 @@ RUN apt-get update -y && \
 # Set the locale
 RUN sed -i '/en_US.UTF-8/s/^# //g' /etc/locale.gen && locale-gen
 
-ENV LANG en_US.UTF-8
-ENV LANGUAGE en_US:en
-ENV LC_ALL en_US.UTF-8
+ENV LANG=en_US.UTF-8
+ENV LANGUAGE=en_US:en
+ENV LC_ALL=en_US.UTF-8
 
 WORKDIR "/app"
 RUN chown nobody /app

nexus/README.md

@@ -30,7 +30,7 @@ and run:
 
 ```
 docker run \
-    -e SECRET_KEY_BASE="secert" \
+    -e SECRET_KEY_BASE="secret" \
     -e PHX_HOST=localhost \
     -e ADMIN_USERNAME=admin \
     -e ADMIN_PASSWORD=admin \
@@ -39,13 +39,13 @@ docker run \
 ```
 
 Note that secret has to be at least 64 bytes long.
-You can generate one with `mix phx.gen.secret`.
+You can generate one with `mix phx.gen.secret` or `head -c64 /dev/urandom | base64`.
 
 If you are running on MacOS, instead of using `--network host` option, you have to explicitly publish ports:
 
 ```
 docker run \
-    -e SECRET_KEY_BASE="secert" \
+    -e SECRET_KEY_BASE="secret" \
     -e PHX_HOST=localhost \
     -e ADMIN_USERNAME=admin \
     -e ADMIN_PASSWORD=admin \

recognizer/Dockerfile

@@ -17,7 +17,7 @@ ARG DEBIAN_VERSION=bookworm-20240701-slim
 ARG BUILDER_IMAGE="hexpm/elixir:${ELIXIR_VERSION}-erlang-${OTP_VERSION}-debian-${DEBIAN_VERSION}"
 ARG RUNNER_IMAGE="debian:${DEBIAN_VERSION}"
 
-FROM ${BUILDER_IMAGE} as builder
+FROM ${BUILDER_IMAGE} AS builder
 
 # install build dependencies
 RUN apt-get update -y && apt-get install -y \ 
@@ -96,9 +96,9 @@ RUN apt-get update -y && \
 # Set the locale
 RUN sed -i '/en_US.UTF-8/s/^# //g' /etc/locale.gen && locale-gen
 
-ENV LANG en_US.UTF-8
-ENV LANGUAGE en_US:en
-ENV LC_ALL en_US.UTF-8
+ENV LANG=en_US.UTF-8
+ENV LANGUAGE=en_US:en
+ENV LC_ALL=en_US.UTF-8
 
 WORKDIR "/app"
 RUN chown nobody /app

recognizer/README.md

@@ -26,7 +26,7 @@ docker run -e SECRET_KEY_BASE="secret" -e PHX_HOST=localhost --network host reco
 ```
 
 Note that secret has to be at least 64 bytes long.
-You can generate one with `mix phx.gen.secret`.
+You can generate one with `mix phx.gen.secret` or `head -c64 /dev/urandom | base64`.
 
 If you are running on MacOS, instead of using `--network host` option, you have to explicitly publish ports: