Copyright © 2024 Linutop SAS
Linutop TV est un système d'affichage dynamique en ligne, disponible sur Internet (Cloud / SaaS) ou via un serveur privé local (sur site). Plus d'informations sur Linutop.tv. |
Linutop tv est une solution de diffusion de médias (images, pdf, vidéos, audios, page web) composé de 2 éléments :
Le serveur Linutop tv permet d'organiser des playlists et de programmer la diffusion des médias via un navigateur Web. Les players se synchronisent sur les serveurs et recopient localement les médias minimisant l'usage du réseau. Ils permettent aussi d'éteindre l'écran.
Le serveur privé Linutop tv peut être installé dans une VM (Virtual Machine), un PC, un RaspberryPi. Il peut même être installé dans un player.
Affichage sur des écrans équipés d'un player Linutop Kiosk ou via le player web sur un smartphone / tablette via un QRcode.
Protocoles réseau: Les échanges entre le serveur Linutop.tv et son player Linutop Kiosk se font en HTTP ou HTTPS port 80 et les players Raspberry Pi peuvent nécéssiter le protocole NTP pour synchroniser leurs horloges.
Le gestionnaire d'affichage Linutop.tv vous permet d'afficher vos médias sur vos écrans, en seulement 3 étapes :
Ce tutoriel vous aidera à configurer votre système d'affichage.
La bibliothèque est un espace en ligne sur lequel vous pouvez stocker vos fichiers (images, vidéos, musiques, URLs et modèles de documents). Cliquez sur le bouton "Ajouter" (en haut de la bibliothèque) pour uploader vos fichiers. Vous pouvez aussi trier vos fichiers par type et ajouter directement tout les fichiers d'un même type dans une boucle (de la playlist actuelle).
Ajouter une image ou une vidéo : uploadez le fichier depuis votre ordinateur.
Ajouter un site web ou un flux vidéo : saisissez l'adresse (URL) à utiliser.
Ajouter une page HTML : sélectionnez un modèle, éditez et nommez le.
Une fois les éléments édités, cliquez sur "Valider" pour intégrer le média dans votre bibliothèque.
Note : L'upload peut prendre plusieurs minutes, selon la taille de vos fichiers.
La taille totale de la bibliothèque est limitée à 1Go.
Pour modifier un modèle de document, cliquez sur l'icone d'édition. Pour supprimer un élément, cliquez sur la croix rouge.
Formats supportés par Linutop TV :
Note : Le format .zip vous permet d'uploader plusieurs fichiers en un seul upload.
Une playlist est une liste organisée de médias présents dans votre bibliothèque.
Glissez un média depuis la bibliothèque et déposez le sur la boucle de la playlist ou un élément de la boucle pour l'y ajouter, ou utilisez les flèches vertes pour déplacer les éléments (interfaces tactiles).
Sélectionnez :
Cliquez sur la croix rouge associée à un média pour le supprimer de la playlist. Faites de même pour les boucles et les playlists.
Les boucles vous permettent d'organiser les playlists pour :
L'ajout d'une nouvelle boucle se fait en cliquant sur le bouton "Ajouter une boucle".
Note : La boucle 0 ne peut pas être supprimée. Elle est exécutée si aucune condition de temps n'est trouvée.
Pour visualiser une playlist dans Linutop.tv, il faut au préalable l'associer a une chaîne (dans "option - état du player") puis, cliquer sur le lien qui apparaît à coté du nom de la playlist
Note : Vous ne pourrez voir que le contenu de la boucle 0 sur le navigateur.
Il vous est aussi possible de visualiser chaque élément individuellement en cliquant sur son l'icône, depuis la bibliothèque ou la playlist en cours d'édition
Les playlists sont enregistrées automatiquement après chaque modification. L'affichage sera différé sur vos écrans.
Par défaut, la playlist est mise à jour toutes les 30 minutes. Ce paramètre peut être modifié dans le Linutop Kiosk Settings.
Note : Entre chaque élément, le player vérifie si une autre boucle doit être diffusée.
Pour afficher les modifications plus rapidement :
Pour supprimer une playlist, sélectionnez là, puis cliquez sur la croix rouge à droite du bouton "Ajouter une boucle".
Le player exécute la boucle 0 par défaut si aucune autre condition de temps dans les autres boucles n'est valide.
De plus, il est possible d'insérer un élément appartenant à une boucle différente en paramétrant son heure de diffusion. Mais pour cela, il faut que la boucle a insérer soit prioritaire. Les boucles de plus petit numéro sont les boucles ayant le plus de priorité
Note : Le test de sélection de l'élément suivant est effectué entre chaque élément.
Une fois la playlist éditée, cliquez sur "Options". Un menu vous permettra d'associer un player (écran) à une playlist créée en ligne.
Dans le menu "option - état du player" (point 3 de Chapitre 1), il vous est possible de consulter l'etat des players. Plusieurs états peuvent apparaître. Ils sont listés ci-dessous avec leurs significations.
Note : Si le player est "retardé", il se peut qu'il soit juste déconnecté du réseau. Il continuera a afficher le playlist qu'il a chargé en local.
Pour rendre une chaîne publique, il suffit de cocher la case en face de son nom (dans la colonne publique). Il faut aussi que son nom soit unique, qu'il n'y ai pas d'autres chaînes publiques du même nom. Vous pouvez aussi consulter toutes les chaînes depuis cette interface. |
Une fois la chaîne rendu publique, vous pouvez y avoir accès depuis l'url "Linutop.tv/webapp/channels" (page ci-contre). Cette page liste toutes vos chaînes publiques.
Cette fonctionnalité est aussi disponible pour les serveurs Linutop.tv privés, pour un usage sur le réseau local
Note : Restriction du player en ligne : Le player en ligne ne diffuse que la boucle 0, et certains médias ne sont pas compatibles suivant le navigateur utilisé.
Vous avez accès à un player web "horizontal" qui affiche les médias tour à tour selon le temps qui leur est associé, ainsi qu'à un player "vertical", plus adapté à une utilisation sur petit écran qui liste tous les médias sur une même page.
La page des chaînes public propose aussi un bouton permettant d'afficher l'addresse d'un player web sous forme de QRcode:
Vous pouvez scanner ce QRcode pour obtenir facilement l'url des players webs sur un appareil mobile.
Vous pouvez aussi enregistrer l'image du QRcode ou faire une capture d'écran afin de l'imprimer par la suite.
Sur le navigateur web de votre système Linutop, connectez-vous sur votre installation locale de Linutop TV, ouvrez le menu "Options" et cliquez sur le numéro d'écran.
Vous pouvez voir ce que le serveur envoie vers le player.
Linutop kiosk permet d'avancer à l'élément suivant avec un clic de souris ou un contacte sur un écran tactile. Il est possible de passer en mode web complet sur une URL avec un mouvement de souris ou une touche enfoncée en paramétrant le kiosk en mode kiosk web et économiseur d'écran, dans l'onglet général du setup, il reviendra en affichage dynamique à la fin du timmer de session kiosk web.
Le serveur LinutopTV propose deux players web pour navigateur :
Ces affichages sont accessibles via un QRcode même en mode Privé. Cette option de diffusion permet de faire de l'affichage mobile et évite tout contacte physique avec un document. Les formats pris en compte sont plus limités qu'avec le Linutop-kiosk.
Un modèle de document (template) est une page HTML éditable. Vous pouvez y insérer images et textes. Linutop TV vous propose des modèles pré-édités.
Pour créer un document d'après un modèle, cliqusez sur l'une des vignettes.
Vous pouvez maintenant configurer votre document selon deux méthodes.
Note : Le modèle vous permet de garder une page HTML à l'écran même en cas de coupure réseau. Contrairement à une url, qui est rechargée a chaque fois.
Le mode visuel vous permet d'afficher un modèle que vous pouvez ensuite modifier.
La zone du bas vous permet de modifier le texte à afficher avec tous les outils habituels d'édition de texte.
Cliquez sur le bouton . Le code HTML de la page devient accessible. L'édition du code met automatiquement à jour la prévisualisation.
Il existe plusieurs manières de créer une template. Soit en partant d'un modèle de template proposé, soit en créant vous même votre modèle (page HTML) puis en le mettant en ligne comme document .html (grâce au bouton "ajouter" dans le menu bibliothèque)
exemple de structure d'une template :
<html> <head> <style> .text { text-align: center; font-size: 6em; } img { max-width: 50%; max-height: 500px; } </style> </head> <body> <div class='text'> <img src="http://linutop.com/images/linutopxs_right_side_ll.jpg" alt="image"> <br/> Bonjour ! </div> </body> </html>
Ce mode permet de créer une page HTML locale avec, éventuellement des animations en javascript
Pour pouvoir éditer la template sans passer par le code HTML, il suffit d'y ajouter ces balises :
pour les zones de texte (a placer dans la <div class='text'> pour ne pas altérer le mode édition HTML)
<div class="editable-block"> <div class="content"> </div> <div class="editor"> <textarea name="editable" id="" cols="30" rows="10" class="editable" style="display: none;"> </textarea> </div> </div>
pour les images provenant du web :
<img src="http://linutop.com/images/linutopxs_right_side_ll.jpg" alt="image" class="editable-image">
pour les images de façon locale :
<limage>/library/AIR-TRAVEL_template.jpg/limage>">
Cette configuration nécessite d'avoir l'image en locale dans la bibliothèque et elle sera transmise au player localement avec la template.
Note : Ces deux parties de code vous permettent d'editer la template via le mode visuel.
Dans la librairie du Linutop tv, vous pouvez ajouter vos templates de 2 façons différentes :
Si vous avez inclus des images dans vos templates. Il faut également les ajouter dans la librairie pour qu'elles soient bien prises en compte.
Enfin, il vous suffit de diffuser vos templates en appuyant sur la flèche vers la droite.
Voici, quelques exemples des templates disponible sur le serveur :
Template Bienvenue |
Cette template vous permet d'afficher un logo graphique, l'heure, la date du jour et votre message pour un hall d'accueil. |
Template Siparex |
Cette template vous permet d'afficher un logo graphique, l'heure, la date du jour et une image de bienvenue pour un hall d'accueil. |
Modèle (template) : pour une gare de bus, un embarcadère et un petit aérodrome. Il permet d'afficher un message via un navigateur web à partir d'un téléphone ou d'un tablette connectée au réseau local.
Note : L'image de fond de ces templates est disponible en cliquant sur les icônes. Elle est composée d'une image de 1920x1080 permettant d'accommoder toutes les images en y incluant le texte modifiable.
Vous pouvez aussi créer votre propre template adaptée à vos préférences. Il s'agit d'un simple fichier html, il est très facile à éditer.
Vous pouvez prévisualiser votre modèle en cliquant sur le bouton puis sur le bouton pour revenir à l'édition de votre modèle.
Une fois vos modifications faites, vous pouvez les enregistrer en cliquant sur le bouton (n'oubliez pas de donner un nom à votre modèle, sinon il ne sera pas possible de l'enregistrer).
Pour accéder à vos playlists, vous devez maintenant configurer le Kiosk. Il faut donc se rendre dans le menu de configuration du Kiosk : "Linutop" - "Linutop Kiosk - Setup".
La fenêtre de configuration du Kiosk s'ouvre. Vous devez maintenant cliquer sur "Serveur Linutop TV" et entrer vos identifiants (numéro de facture et adresse mail) puis vous connecter grâce au bouton "Se connecter".
Si vous utilisez un serveur privé, vous devez sélectionner
et sélectionner puis entrez l'adresse URL ou l'adresse IP de votre serveur. Une fois cela fait, vous devez utiliser votre login et mot de passe pour accéder à la liste de lecture (par défaut admin / Linutop). Ensuite, choisissez la playlist que vous voulez afficher et validez.Pour quitter l'application de kiosque tapez Esc. Si un mot de passe est réglé, utilisez Ctrl + q et entrez votre mot de passe.
Pour une confidentialité maximale, un serveur Linutop TV peut être installé sur votre réseau local (on Premise).
Le serveur fonctionne comme un serveur web, les players (Linutop-kiosk) viennent toutes les 30minutes par défaut checker les playlists si celles-ci sont nouvelles. Il les chargent et upload les nouveaux éléments minimisant les accès réseaux vers le serveur. Les players stockent les médias et continueront de tourner même en cas de déconnexion réseau.
Emplacement du serveur et stockage des données :
Le serveur Linutop.tv doit être installé dans Linutop OS, celui-ci pouvant fonctionner a différents emplacements :
Le serveur doit être configuré en IP fixe, afin que les players puissent se connecter sur la même adresse IP
Linutop OS sur PC peut être configuré en IP fixe grâce au fichier /etc/network/interfaces
auto lo iface eth0 inet static address 192.168.1.81 netmask 255.255.255.0 gateway 192.168.1.254
Linutop OS (buster) sur Raspberry Pi peut être configuré en IP fixe grâce au fichier /etc/dhcpcd.conf
interface eth0 static ip_address=192.168.1.81/24 static routers=192.168.1.254 static domain_name_servers=192.168.1.254
La communication entre le serveur Linutop.tv et le player se fait via le protocole http standard
Note : Il est recommandé d'utiliser une connexion filaire pour sa stabilité
Rendez vous sur le panneau de configuration : "Linutop" - "Panneau de configuration".
Dans l'onglet "Installer", saisissez votre numéro de facture et adresse email, puis validez en cliquant sur le bouton "Login".
Une liste de configurations disponibles apparaîtra dans le cadre inférieur. Sélectionnez "Linutop TV private server installation" dans cette liste. Cliquez sur "Appliquer".
Un message confirmera l'installation. Quittez le panneau de configuration en cliquant sur le bouton "Valider".
Votre serveur Linutop TV est maintenant prêt à l'emploi.
Il est accessible par un navigateur sur votre réseau local en saisissant l'adresse IP de votre machine, disponible dans l'onglet "A propos" du panneau de configurationVous pouvez maintenant créer vos playlists
Procedure :
Ajouter 2 stockages dans votre VM, installer l'image ISO Linutop OS, booter et installer la version Pro dans le second stockage. Puis, supprimer le premier stockage et rebooter sur le système complet pour y installer le serveur Linutop.tv
Ouvrir VM VirtualBox Manager
Selectinner le boutton New
Menus:
Maintenant la Machine Virtuelle machine est prête à recevoir l'image iso de Linutop OS
Selectionner le boutton "Storage"
Selectionner le boutton small disk à côté de Controller IDE
Selectionner disk et Selectionner le iso image
Votre VM est prète à booter l'image ISO Juste presser start. Vous pouvez maintenant tester Linutop OS demo dans votre VM
Pour installer la version complète juste utilisez le menu install du panneau de contrôle Linutop et l'installer sur le second device (disque):
Une fois installé, vous pouvez retirer le disque de démo iso, redémarrer sur la version complète , puis procéder à une installation Linutop TV privée locale (Chapitre 8).
Il est probable que votre session ait expiré, il vous suffit de rafraîchir la page et vous reconnecter pour régler le problème.
Oui il faut mettre l'image du menu dans une playlist, en prendre le QRcode, l'imprimer et le placer sur les tables.