fbpx

Comment mettre en place de l'affichage dynamique avec un Raspberry Pi ?

Raspberry Pi et affichage dynamique : un tutoriel pas à pas

     ⏱ Temps de réalisation : 1h30   –    🟢 Niveau : Facile

Dans cet article, nous allons voir comment mettre en place une solution d’affichage dynamique, très simplement et pour un budget raisonnable, sur un Raspberry Pi. Pour ce faire, nous allons le configurer en mode “Kiosk”. En effet, le navigateur installé par défaut sur Raspberry Pi OS permet, comme tous les navigateurs, d’ouvrir une page Web en plein écran. Le mode Kiosk quant à lui, est un mode d’affichage en plein écran, sans barres d’outils ni bordures de fenêtre. Ce mode est particulièrement utile pour les afficheurs autonomes, comme des bornes accessibles au public ou tout autre usage de digital signage. Une fois votre player et solution d’affichage dynamique en place, nous verrons comment créer, diffuser et gérer le contenu grâce à Heptaward. Cette dernière étape n’est absolument pas nécessaire. Vous pourriez bien évidemment contrôler vous même le contenu ou afficher vos informations au travers d’autres applications.

Les pré-requis :

Le matériel :

Pour mettre en place la solution, vous allez avoir besoin des éléments suivants :

  • Une carte Raspberry Pi (Version 3B+ minimum)
  • Un boîtier (pour protéger votre matériel)
  • Une alimentation pour Raspberry Pi
  • Une carte SD de 16Gb
  • Un câble HDMI
  • Un écran (muni d’un port HDMI, une télévision ou écran de PC par exemple)
  • Un clavier, une souris pour contrôller votre Raspberry Pi.

Le système d'exploitation :

Nous vous conseillons de choisir l’image “Raspberry Pi OS with desktop” qui comprendra tous les éléments nécessaires à l’utilisation en mode Kiosk. En effet, vous aurez particulièrement besoin de Chromium et l’environnement graphique X11. Ces deux éléments seront d’ores et déjà installés si vous choisissez la version Raspberry Pi OS with desktop. Nous ne nous étendrons pas sur le sujet de l’installation du système sur cet article. Si vous avez besoin d’aide, vous trouverez tout ce qu’il vous faut directement sur le site officiel du Raspberry : https://www.raspberrypi.org/software/.

Le plus simple étant d’utiliser le logiciel “Raspberry Pi Imager” qui vous permettra d’enregistrer directement l’image sur votre carte SD. Vous pourrez télécharger cet outil via le lien suivant : https://www.raspberrypi.org/software/.

La communauté Raspberry Pi a créée une vidéo pour vous accompagner dans cette étape : https://youtu.be/ntaXWS8Lk34

Une connexion internet:

Nous aimons rappeler les évidences. Lors du lancement de votre Raspberry pi, il vous sera demandé d’ajouter un moyen de connexion, wifi ou RJ45. cette connexion sera bien évidement nécessaire à l’affichage dynamique.

Lancement du mode Kiosk :

C’est maintenant que nous allons entrer dans le vif du sujet ! Nous allons tester le lancement du mode Kiosk de Chromium. Pour cela, nous allons ouvrir une fenêtre terminal (toutes les commandes se feront via le terminal). Pour ce faire, il suffit de lancer la commande suivante :

/usr/bin/chromium-browser –kiosk  https://cast.heptaward.com/tv/osylv1eit

Et voilà, votre player affiche votre site favori en mode kiosk. Nous pourrions même nous arrêter là. Cependant, il nous faut lancer cette commande automatiquement au lancement de votre player, s’assurer que celui-ci est bien connecté au réseau, empêcher la mise en veille, bref, il y a encore une ou deux minutes de travail.

 

Suppression du curseur de la souris :

L’affichage du pointeur de la souris n’est pas très agréable à la lecture de votre affichage dynamique. Pour le masquer, il suffit simplement d’installer unclutter. Pour cela, tapez la commande suivante :

sudo apt install unclutter

Ainsi, le curseur de la souris ne sera pas affiché sur l’écran de votre communication.

 

Configuration du démarrage de votre Raspberry Pi :

Nous allons ici, activer l’auto login du Raspberry Pi et vérifier l’accès au réseau avant de lancer notre affichage dynamique. Pour cela, nous allons aller dans la configuration interne du Player.

Tapez la commande suivante : 

sudo raspi-config

 Ensuite, allez dans : System Options

Entrez dans la ligne : Boot / Auto Login

Sélectionnez : Desktop Autologin

Ensuite nous allons nous assurer de la bonne connexion au réseau:

Toujours dans : System Option

Entrez maintenant dans la partie : S6 Network at Boot

Et sélectionnez Oui à la question qui vous est posée : “Souhaitez-vous attendre que la connexion soit établie pour démarrer ?”

Et voila, vous pouvez quitter cet éditeur. Vous avez paramétré le démarrage de votre player. Celui-ci va maintenant s’authentifier automatiquement et démarrer avec une connexion réseau.

Nous allons également lui demander de ne pas se mettre en veille après une longue période d’inactivité. Pour cela nous allons modifier le fichier suivant :

sudo nano /etc/lightdm/lightdm.conf

Vous trouverez un fichier principalement commenté (les lignes commencent par un #). Trouvez et “décommentez” en supprimant le # la ligne suivante :

xserver-command=X -s 0 dpms

Modifiez ensuite le fichier autostart : 

sudo nano /etc/xdg/lxsession/LXDE-pi/autostart

Complétez le fichier comme indiqué ci-dessous :

@xset s off

@xset -dpms

@xset s noblank

@lxpanel –profile LXDE-pi

@pcmanfm –desktop –profile LXDE-pi

@xscreensaver -no-splash

 

Lancer le mode Kiosk au démarrage :

Le coeur du système est prêt. Nous allons maintenant passer à la partie logiciel. Pour lancer le mode Kiosk au démarrage, nous allons de nouveau modifier notre fichier autostart :

Tapez la commande suivante : 

sudo nano /etc/xdg/lxsession/LXDE-pi/autostart

Et ajoutez la ligne suivante à la fin du fichier :

/usr/bin/chromium-browser –autoplay-policy=no-user-gesture-required –noerrdialogs –incognito –disable-session-crashed-bubble –disable-infobars –kiosk https://cast.heptaward.com/tv/osylv1eit

Vous pouvez maintenant effectuer un redémarrage et observer le résultat.

 

Gérer le contenu de votre Raspberry Pi avec Heptaward :

Sur notre exemple précédent, nous avons affiché le site de Google. Nous allons maintenant gérer notre contenu grâce à la solution TV Management d’Heptaward. Nous n’allons pas détailler toutes les étapes ici, nous vous préparons un tutoriel d’utilisation complet qui sortira dans les prochains jours.

Récupération de l'url de la télévision sur Heptaward :

Nous allons maintenant créer une télévision sur le TV Management Heptaward de type “TV connectée”. Après avoir cliqué sur suivant, l’url de connexion s’affiche. Vous pouvez maintenant exécuter le mode kiosk de votre Raspberry Pi avec cette nouvelle url soit la commande suivante :

/usr/bin/chromium-browser –kiosk  https://cast.heptaward.com/tv/code_tv

TV Management - TV create
TV Management - Pending Connection

Une fois le mode kiosk lancé, le Raspberry Pi est en attente d’un Channel. Vous pouvez maintenant gérer votre planning de diffusion en insérant vos différents Channels dans la planification.

N’oubliez pas de changer la ligne de lancement automatique du mode Kiosk dans votre fichier d’autostart :

sudo nano /etc/xdg/lxsession/LXDE-pi/autostart

et modifier le site du mode kiosk par l’url de votre télévision :

 /usr/bin/chromium-browser –autoplay-policy=no-user-gesture-required –noerrdialogs –incognito –disable-session-crashed-bubble –disable-infobars –kiosk https://cast.heptaward.com/tv/osylv1eit

TV Management - Connection ok
TV Management - planner

Votre Player est prêt :

Félicitations ! Vous avez paramétré votre propre player d’affichage dynamique ! Cette solution à moindre coût vous permet de diffuser de l’information sur votre écran. Mettez en avant vos collaborateurs, partagez vos résultats sur les réseaux sociaux, les informations locales et nationales, bref, diffusez tout ce qui vous plaira pour améliorer l’espace de travail ou d’accueil au sein de votre entreprise. Nous restons à votre entière disposition pour vous accompagner dans la mise en place de votre affichage dynamique.