SimView — Viewer & Station de débriefing

SimView est une PWA d’affichage qui permet de visionner les flux caméra de SimServer sur n’importe quel écran connecté au réseau WiFi ou Ethernet. Elle se distingue de SimPilot (contrôle formateur) et de SimCam (source caméra) par son rôle purement réceptif et configurable.

Flux vidéo live

Réception WebRTC via go2rtc depuis SimServer. Latence inférieure à 500 ms. Multi-caméra avec choix de layout.

Replay débriefing

Lecture HLS des enregistrements avec navigation par marqueurs. Boutons physiques optionnels pour le formateur.

Overlay configurable

Constantes vitales affichées en surimpression (CSS). Position, visibilité et style configurables par viewer.

Écrans illimités

Chaque écran connecté au réseau peut afficher une vue différente. Aucun câble HDMI vers la SimBox nécessaire.

Pourquoi SimView ?

La SimBox dispose de 2-3 sorties HDMI physiques (câbles limités à 15 m). SimView lève cette contrainte en transformant chaque écran du réseau en afficheur autonome.

Avant (HDMI uniquement)	Avec SimView
2-3 écrans max	Nombre illimité
Câbles HDMI (distance limitée)	WiFi ou Ethernet, n’importe où
Configuration rigide	Chaque viewer a sa propre configuration
Pas de station de débriefing dédiée	Boîtier RPi avec boutons physiques

Démarrage rapide

Navigateur (gratuit)

1. Connectez-vous au réseau WiFi de SimServer (KerSim-KIT1)
2. Ouvrez https://studio01.local/viewer/ dans un navigateur
3. Choisissez une vue (Salle de simulation, Débriefing, Formateur)
4. Passez en plein écran (F11 ou bouton)

Boîtier SimView

1. Branchez le boîtier SimView en HDMI sur l’écran
2. Alimentez via USB-C (ou PoE avec un splitter)
3. Connectez au réseau (WiFi automatique ou câble RJ45)
4. Le boîtier démarre en mode kiosk et affiche le Viewer automatiquement

Astuce

SimView fonctionne sur n’importe quel appareil avec un navigateur moderne : PC, tablette, smartphone, TV connectée, ou boîtier dédié.

Vues préconfigurées

SimView propose trois vues par défaut dont les noms sont modifiables :

Vue	Usage typique	Contenu affiché
Salle de simulation	Écran dans la salle de simulation	Caméra principale + overlay constantes vitales
Débriefing	Salle de débriefing (groupe)	Replay HLS multi-caméra + timeline marqueurs
Formateur	Bureau du formateur	PiP multi-caméras, toutes les informations

Contrôles

Vidéo et caméras

• Sélection caméra(s) : choisir quelles sources afficher
• Layout : single, côte à côte, PiP (coin), quadrillage (2×2)

Son

• Volume : augmenter, diminuer
• Mute : couper/remettre le son

Overlay constantes vitales

• Affichage : on / off
• Position : bas-gauche, bas-droite, haut-gauche, haut-droite

Interface

• Plein écran automatique (mode kiosk)
• Auto-hide : les contrôles disparaissent après 5 secondes d’inactivité et réapparaissent au toucher ou mouvement de souris

Mode débriefing

En mode débriefing, SimView lit les enregistrements de SimServer (HLS) avec navigation par marqueurs :

Action	Raccourci clavier	Bouton physique (station)
Play / Pause	Espace	⏯
Marqueur précédent	←	⏮
Marqueur suivant	→	⏭
Mute / Unmute	M	🔇
Volume -	↓	🔉
Volume +	↑	🔊

Architecture

┌─────────────────┐         ┌──────────────────────┐
│  SimServer      │         │  SimView             │
│  (Docker)       │  WiFi/  │  (navigateur/dongle)  │
│  FastAPI        │◄─Eth──►│                       │
│  WebSocket+MQTT │         │  WebRTC (go2rtc)      │ ──► HDMI écran
│  go2rtc         │         │  Overlay (CSS)        │
│                 │         │  Contrôle son          │
└─────────────────┘         └──────────────────────┘

• Vidéo live : WebRTC via go2rtc (latence < 500 ms)
• Vidéo replay : HLS depuis SimServer (enregistrements)
• Constantes vitales : SocketIO temps réel
• Overlay : rendu côté client en CSS (pas d’incrustation serveur)

Plateforme E — Hardware

SimView peut aussi être déployé comme boîtier dédié (Plateforme E) basé sur un Raspberry Pi :

Déclinaisons

SimView Lite

Gratuit — PWA seule, fonctionne dans n’importe quel navigateur. Aucun hardware nécessaire.

SimView Dongle

~40 EUR — RPi 3B d’occasion + boîtier 3D + alimentation. Se branche en HDMI sur l’écran.

SimView Station

~50 EUR — RPi 3B + boîtier 3D + 6 boutons physiques (play, marqueurs, volume, mute).

SimView Pro

~100 EUR — RPi 4 + boîtier 3D + écran tactile 5” pour le formateur.

Connectivité

WiFi

Le boîtier se connecte au réseau WiFi de SimServer. Simple et sans fil.

[SimServer] ── WiFi AP ──► [SimView RPi] ── HDMI ──► Écran

Ethernet + PoE

Un splitter PoE USB-C (~8-10 EUR) fournit réseau ET alimentation via un seul câble RJ45.

[SimServer] ── Switch PoE ── RJ45 ──► [Splitter PoE] ──► [SimView RPi] ── HDMI ──► Écran

Note

Le RPi 3B/3B+ d’occasion (~25-30 EUR sur LeBonCoin/Vinted) est le choix recommandé : GPIO 40 pins pour les boutons, WiFi + Ethernet intégrés, écosystème mature.

Boutons physiques (SimView Station)

La station de débriefing utilise 6 boutons GPIO connectés au Raspberry Pi. Un script Python traduit les appuis en événements clavier interceptés par la PWA.

Bouton	Fonction	GPIO
⏯	Play / Pause	GPIO 17
⏮	Marqueur précédent	GPIO 27
⏭	Marqueur suivant	GPIO 22
🔇	Mute	GPIO 23
🔉	Volume -	GPIO 24
🔊	Volume +	GPIO 25

Stack technique

Composant	Technologie
Framework	Vue.js 3 + TypeScript
CSS	Tailwind CSS 4
État	Pinia
i18n	vue-i18n v10 (français / anglais)
Vidéo live	WebRTC via go2rtc
Vidéo replay	HLS.js
Communication	SocketIO
PWA	VitePWA (installable)

Commandes

cd viewer && npm install           # Installer les dépendances
cd viewer && npm run dev           # Serveur dev (localhost:5175)
cd viewer && npm run build         # Build production (dist/)
cd viewer && npm test              # Tests unitaires
cd viewer && npm run test:coverage # Couverture (seuil 80%)

Écosystème

SimView complète les trois applications web de KerSim :

Application	Rôle	Direction du flux
SimPilot	Pilotage par le formateur	Formateur → SimServer → Dispositifs
SimCam	Source caméra (smartphone)	Smartphone → SimServer
SimView	Affichage sur écran	SimServer → Écran(s)