Télésite Freebox : Comment mettre une image en fond ?

Un article de Wiki FreePlayer.org.

Le freeplayer utilise depuis longtemps le flux vidéo comme background du mod pour définir un fond d'écran.

Cela permet à la fois de limiter le temps de chargement de la page web en limitant les images à charger et cela permet de s'affranchir du nombre maximum de couleur sur les freebox v3 et v4

De plus, grâce à une astuce de liberty4fr, cette technique permet aussi de gérer des changements rapides de fond et donc d'animer facilement les pages.


Sommaire

Fond vidéo avec les télésites Freebox

Avec les télésites Freebox a accès direct, il n'y a aucun post traitement des pages HTML, le seul moyen est donc, comme pour le Freeplayer d'intégrer l'adresse de l'image mp2v dans l'attribut background de la balise BODY :


<!--
  <html>
  <head></head>
  <body background="http://monsiteweb.com/image.mp2v">
   ....
  </body>
  </html>
  

ATTENTION : Au lancement des télésites, il y avait un problème dans la gestion des fonds mp2v. La gestion du dns n'était pas pris en compte. Il est donc impossible d'utiliser un fond sous la forme "http://monsiteweb.com/image.mp2v", mais uniquement avec l'adresse ipv6 complète, par exemple : http://[2a01:e0b:1:80:21c:c0ff:fe27:1234]/image.mp2v

Fond vidéo avec les télésites Freeplayer

Les fonctionnalités ci-dessous ne sont pas accessible avec les télésites Freebox, mais uniquement avec les Télésites Freeplayer !

Utiliser un fond jpg dans les télésites

Pour afficher un fond d'écran en utilisant une image lue par VLC, il suffit d'ajouter dans le <head> du HTML un commentaire HTML comme ci-dessous :


<!--
  <backgroundContent>
    <contentInfo>
      <tvc:imageInfo xmlns:tvc="http://telesite.free.fr/xml/ns/common-content">
        <source>
          <url>http://www.freeplayer.org/freebox/hj/images/fbx_fpo_accueil.jpg</url>
        </source>
      </tvc:imageInfo>
    </contentInfo>
  </backgroundContent>
  -->

L'instruction suivante :


stopCurrentlyPlaying="true"

permet d'indiquer que l'on veut absolument l'image de fond et qu'on est prêt à arrêter le contenu en cours de lecture s'il y en a un (une vidéo par exemple). Si on met à "false", l'image de fond ne sera affichée QUE s'il n'y a rien en cours de lecture.

Utiliser un fond mp2v dans les télésites

Depuis la version 1.8.0 du firmware TV de la freebox, il est possible d'utiliser des fichiers vidéos au format MPEG2 Elementary Stream comme background sur la balise <BODY>

Le mod charge le fichier mp2v à partir du télésite et le transmet alors à la freebox.

Voici le code pour intégrer un fichier mp2v dans un télésite :


<!--
<backgroundContent black="false">
   <contentInfo>
     <tvc:imageInfo xmlns:tvc="http://telesite.free.fr/xml/ns/common-content">
       <source>
         <url>http://apps.homejukebox.org/hj-portal/themeImageServlet/theme/default.jpg</url>
       </source>
     </tvc:imageInfo>
   </contentInfo>

   <mp2vURL>http://monSite/monimage.mp2v</mp2vURL>
   <settings stopCurrentlyPlaying="true" />
</backgroundContent>
-->

Le mod freeplayer gère le fond vidéo "intelligemment" par rapport à la freebox. Par exemple, si la freebox ne gére pas le mp2v (firmware 1.7.3ppp par exemple), le mod prendra l'image jpg comme prioritaire et sinon, le fond mp2v sera utilisé.

ATTENTION : Cette fonctionnalité n'est disponible que dans HomeJukebox 0.8.4

Effacer le fond vidéo (fond noir)

Si on ne souhaite pas mettre d'image en fond, on peut utiliser la balise <backgroundContent black="true"> qui va figer le fond en effaçant la vidéo.

Exemple :


<!--
<backgroundContent black="true" />
-->

Nouvelle gestion des backgrounds

A partir de la version 0.8.4 de HomeJukebox, afin de facilité la lecture du head et du xml de description du background, sont format est entièrement revu.

Cela permet en plus de généraliser la gestion du background à tous les types de fichiers.


<!--
<pageBackground black="false" stopCurrentlyPlaying="true">
<content type="image/png" url="http://images.ts-box.fr/data/images/default.png" />
<content type="video/mp2v-es" url="http://images.ts-box.fr/data/mp2v/default.mp2v" />
</pageBackground>
-->

La balise s'appelle pageBackground. Les différents paramètres (black, stopCurrentlyPlaying) sont passé en attribut de cette balise. Chaque fichier pouvant être utilisé pour le background est défini par un type (image, vidéo...) et l'url du fichier.

Le mod choisit alors en fonction de la freebox et du type de fichier, le fichier le plus approprié à utiliser.