Documentation Linutop TV

Linutop TV est un systeme d'affichage dynamique disponible sur Internet ou en serveur privée.

Plus d'informations sur linutop.tv.

Documentation Linutop


Table des matières
1. Présentation de l'interface linutop TV
2. Bibliothèque
Ajouter des médias à la bibliothèque
Editer un modèle de document
Mode Visuel
Mode HTML (utilisateurs avancés)
Création de modèls (templates)
Visualiser et enregistrer votre modèle
3. Playlist (liste de diffusion)
Configurer une Playlist
Ajouter et organiser les médias de votre playlist
Boucles
Visualiser la playliste ou un élément dans un navigateur
Modifier votre playlist
Ordre d'execution des boucles
4. Diffuser votre playlist
Configurer votre diffusion
Surveiller la diffusion via l'etat du palyer
Diffusion via le player en ligne
5. Connecter votre player à votre compte Linutop TV
Linutop TV en ligne
Configuration du player sur le serveur privé Linutop TV
Autre méthode
Linutop TV - Serveur privé
6. Installer localement votre serveur privé Linutop TV
Choisir l'emplacement du serveur
Configuration du réseau
Installation du serveur privé Linutop.tv dans linutop OS
Installation d'un serveur linutop.tv privée dans une VM (Machine Virtuelle )
Installation hors ligne Internet (sécurité maximale)

Chapitre 1. Présentation de l'interface linutop TV

L'interface linutop.tv vous permet d'affichez vos médias sur les écrans en 3 étapes :

Ce tutoriel vous aidera à configurer votre système d'affichage.


Chapitre 2. Bibliothèque

La bibliothèque est un espace en ligne sur laquelle 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 vous fichiers par type et ajouter directement tout les fichiers d'un même type dans une boucle (de la playlist actuelle).


Ajouter des médias à la bibliothèque

Ajouter une image ou une vidéos : 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 :

  • Vidéos (.avi, .mov, .mpg, .wma, .mp4, .flv)
  • Images (.png, .jpeg, .gif)
  • Audio (.mp3, .wav, .ogg, .flac)
  • URLs (http://, https://, ftp://, rtsp://)
  • Modèles de documents HTML

Note : Le format .zip vous permet d'uploader plusieurs fichiers en un seul upload.


Editer un modèle de document

Un modèle de document 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, cliquez 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 a une url, qui est recharger a chaque fois.


Mode Visuel

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.


Mode HTML (utilisateurs avancés)

Cliquez sur le bouton . Le code HTML de la page devient accessible. L'édition du code met automatiquement à jour la prévisualisation.


Création de modèls (templates)

Il existe plusieurs maniéres de cree 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 metant en ligne comme document .html (grace 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 crer une page HTML locale avec, eventuellement des animations en javascript

Pour pouvoir éditer la template sans passer par le code HTML, il suffit d'y ajouter ces balises :

pour le zones de texte (a placer dans la <div class='text'> pour ne pas alterer 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


<img src="http://linutop.com/images/linutopxs_right_side_ll.jpg" alt="image"
class="editable-image">

Note : Ces deux parties de code vous permettent d'editer la template via le mode visuel.


Visualiser et enregistrer votre modèle

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 si non il ne sera pas possible de l'enregistrer).


Chapitre 3. Playlist (liste de diffusion)

Une Playlist est une liste organisée de médias présents dans votre bibliothèque.


Configurer une Playlist

  • Cliquez sur le menu déroulant "Playlist" - "Créer une playlist".
  • Nommez la (caractères alphanumériques uniquement).
  • Votre playlist apparaîtra dans la liste déroulante.


Ajouter et organiser les médias de votre playlist

Glissez un media depuis la bibliothèque et déposez le sur la boucle de la playlist ou un element de la boucle pour l'y ajouter, ou utilisez les flèches vertes pour déplacer les éléments (interfaces tactiles).

Sélectionnez :

  • Le temps d'affichage (format hh / mm / ss)
  • L'ordre d'affichage, par glisser/déposer

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.


Boucles

Les boucles vous permettent d'organiser les playlists pour :

  • Démarrer un affichage de playlist à une heure définie
  • afficher une partie de la playlist uniquement lundi
  • Eteindre l'écran la nuit ou le week end
  • ...

L'ajout d'une nouvelle boucle est fait en cliquant sur le bouton "Ajouter une boucle".

Note : La boucle 0 ne peux pas être supprimée. Elle est executée si aucune condition de temps n'est trouver

  • Du/Au : Saisissez les dates de début et fin de validité pour cette boucle.
  • Heure/Durée : Choisissez la durée de la boucle, et l'heure de départ de son affichage (format HH:MM).
  • Répétition : Choisissez les jours d'affichage de cette boucle (tous les jours si aucun jour n'est sélectionné).
  • Aléatoire : Cliquez sur ce bouton pour rendre la lecture de la boucle aléatoire. Par défaut la lecture se fait dans l'ordre et lorsque vous cliquez sur le bouton la lecture se fait dans un ordre aléatoire.
  • Extinction : Cliquez sur le bouton pour éteindre l'écran du player au lieu d'afficher des médias. Lorsque l'extinction est activée la boucle apparaît grisée.

Visualiser la playliste ou un élément dans un navigateur

Pour visualiser une playlist dans Linutop.tv, il faut au préalable l'associer a une chaine (dans "option - etat du player") puis, cliquer sur le liens qui apparait à coté du nom de la playlist

Note : Vous ne pourrez voir que le comptenu de la boucle 0 sur le navigateur.

Il vous est aussi possible de visualiser chaque élément individuellement en cliquant sur son icon, depuis la bibliothéque ou la playlist en cours d'édition


Modifier votre playlist

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 modifé 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 modification plus rapidement :

  • Validez vos modifications sur Linutop TV
  • Redémarrez Linutop Kiosk sur le player

Pour supprimer une playlist, sélectionnez là, puis cliquez sur la croix rouge à droite du bouton "Ajouter une boucle".


Ordre d'execution des boucles

Le player execute la boucle 0 par defaut 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 boucle de plus petit numéro sont les boucle ayant le plus de priorité

Note : Le test de selection de l'élément suivant est effectué entre chaque element.


Chapitre 4. Diffuser votre playlist

Configurer votre diffusion

Une fois la playlist éditée, cliquez sur "Options". Un menu vous permetrra d'associer un player (écran) à une playlist créée en ligne.

  • L'onglet "Mot de passe" vous permet de modifier le mot de passe de votre compte Linutop TV.

  • Chaînes : Numéro Linutop player (système Linutop lié à l'écran via la configuration Linutop TV).
  • Etiquette : Description de l'écran ("Salle d'attente", "Bureau Paris", ...).
  • Playlist : Choix de la playlist à afficher sur cet écran. La playlist "Server_OFF" éteindra l'écran du player.
  • Dernière mise à jour : Heure de la dernière mise à jour de la playlist. Lorsque vous survolez cette case, la date et l'heure s'affichent entièrement.
  • Publique : En cochant cette case, la playlist selectionnée devient publique et est visible par tous.
  • Aperçu : En cliquant sur le bouton lecture bleu, vous pouvez visualiser le rendu de votre playlist grâce à un lecteur en ligne.
  • Etat du player : Cette case renseigne l'état du lecteur :

Surveiller la diffusion via l'etat du palyer

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 apparaitre. ils sont listés si-dessous avec leurs sinifications.

  • Si l'information est "Ok" : Votre lecteur a bien été actualisé dans les 30 dernières minutes.
  • Si l'information est "Mise à jour" : Votre playlist a été modifiée mais mais le lecteur n'a pas encore intégré cette modification.
  • Si l'information est "Retardé" : Votre lecteur n'est pas à jour depuis au moins 30 minutes (ou deconnecté du réseau).

Note : Si le player est "retardé", il se peux qu'il soit juste deconnecter du réseau. Il continuera a afficher le playlist qu'il a charger en local.


Diffusion via le player en ligne

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 chaines publiques du même nom.

Vous pouvez aussi consulter toutes les chaines depuis cette interface.

Une fois la chaîne rendu publique, vous pouvez y avoir acces depuis l'url "linutop.tv/webapp/channels" (page ci-contre). cette page liste toutes vos chaînes publiques.

Cette fonctionalité 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 le medias compatibles sont les images, les URLs, les templates, les vidéos MP4. Le reste depend du navigateur utiliser.


Chapitre 5. Connecter votre player à votre compte Linutop TV

Linutop TV en ligne

Pour acceder à vos playlist, vous devez maintenant configurer le Kiosk. Il faut donc se rendre dans le menu de configuration du Kiosk : "Linutop" - "Linutop Kiosk - Setup".

La fenetre 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".


Configuration du player sur le serveur privé Linutop TV

Si vous utilisez un serveur privé, vous devez sélectionner Linutop serveur TV et sélectionner Privé 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 cliquez sur le bouton OK .

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.


Autre méthode

Sur votre player, démarrez "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 configuration" dans cette liste. Cliquez sur "Appliquer".

Un message confirmera l'application de la configuration. Quittez le panneau de configuration en cliquant sur le bouton "Valider".

Cliquez enfin sur le bouton "Valider" pour confirmer la configuration de votre playlist. Pour la voir, démarrez le Kiosk Linutop : "Linutop" - "Linutop Kiosk - Launcher".


Linutop TV - Serveur privé

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 arrivez ensuite sur la page ci dessous. Copiez l'adresse de celle-ci.

Démarrez "Linutop" - "Linutop Kiosk - Setup"

Collez l'adresse dans le champ "Serveur de playlist privé".

Validez en cliquant sur le bouton "Valider".

Démarrez "Linutop" - "Linutop Kiosk - Launcher". Votre playlist va s'afficher.


Chapitre 6. Installer localement votre serveur privé Linutop TV

Pour une confidentialité maximale, un serveur Linutop TV peut être installé sur votre réseau local.


Choisir l'emplacement du serveur

Le serveur Linutop.tv doit être installé dans Linutop OS, celui ci pouvant fonctionner a differents emplacements :

  • Dans une machine virtuelle (VM) detail ci-dessous
  • Sur un PC
  • Sur un Raspberry Pi
  • Dans un player Linutop. Dans ce cas, le linutop kiosk fonctionne en parallèle du serveur, sur une même machine.

Configuration du réseau

Le serveur doit être configuré en IP fixe, afin que les playeurs puissent se connecter sur la même adresse IP

Linutop OS peut être configuré en IP fixe grace 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

Exemple de configuration du fichier : /etc/network/interfaces

La communication entre le serveur Linutop.tv et le player se fait via le protocole http standard

Note : Il est recomandé d'utiliser une connection filaire pour sa stabilité


Installation du serveur privé Linutop.tv dans linutop OS

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 configuration

Vous pouvez maintenant créer vos playlists


Installation d'un serveur linutop.tv privée dans une VM (Machine Virtuelle )

Procedure :

Ajouter 2 stockages dans votre VM, installer l'image ISO linutop OS, booter et installer la version compléte dans le second stockage. Puis, supprimer le premier stockage et rebooter sur le systeme complet pour y installer le serveur linutop.tv

Ouvrir VM VirtualBox Manager

Selectinner le boutton New

Menus:

  • Name and operating system Name : 'Linutop' - Selectionner Linux et Selectionner Ubuntu (32-bits) et "Next".
  • Hard disk: Selectionner Create a virtual hardisk now and et "Next"
  • Hard disk file type : Selectionner VDI and press "Next"
  • Storage on physical hard disk : Selectionner dynamically allocated et "Next"
  • File location ans size : Selectionner 1GB or more et "Create"

Maintenant la Machine Virtuelle machine est prète à recevoir l'image iso de Linutop OS

  • Selectionner le boutton "Settings"

  • 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 control 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 6).


Installation hors ligne Internet (sécurité maximale)

Cette option est disponible en installant un serveur DHCP et un serveur NTP permettant de prendre en charge un réseau hors ligne de players, tout en managent la connection IP et la synchronisation horaire (ntp) des players.

Cette configuration offre une sécurité maximale.