Illustrations synchrones

Recherche de visuels

A partir de son espace de travail, l'auteur/contributeur lance une requête documentaire sur une ou plusieurs bases documentaires ou moteurs de recherches. Il obtient une visualisation sous forme de mosaïque de l'ensemble des visuels retournés. Il sélectionne les visuels qu'il juge intéressants et décide de leur importation sur l'illustration du segment en cours. Ceux-ci sont éventuellement redimensionnés à une échelle commune. La possibilité de ne conserver qu'une partie de l'image est également offerte.S'il s'agit de médias temporels (vidéos,animations) le contributeur peut choisir un extrait de celles-ci en précisant le début et la fin par un potentiomètre de réglage de la position d'entrée et de sortie.

Exemple de "clusterisation" de documents multimédias sur 2424actu.fr

Tous les médias disponibles sur une actualité sont regroupés . Ils sont classés par types : vidéo, son, écrit.

http://www.2424actu.fr/actualite-la-une

Compositions visuelles / Sélection de templates de mise en page

Différents templates de mise en page seront proposés. Ils correspondent à des besoins de compositions spatiales et temporelles des illustrations qui sont proposées au regard.

Mises en forme spatiales :

  • Visuel Plan large horizontal

  • Zoning définis ( par exemple (zone image à droite, zone texte à droite)

Mises en forme temporelles :

  • Diaporama simple automatique.

  • Diaporama lié au time code du segment et donc piloté par celui-ci

  • Diaporama indépendant du flux audio dont le déroulement est activé par le lecteur

  • Contexte + détail /Plan fixe+Zoom

Exemple d'interface pour un parcours dans une image en 3 plans

L'image est "révélée" par un parcours temporisé qui donne à voir le contexte et des détails particuliers du visuel à explorer.

parcours_image
  • Le conteneur image (parcours) :

Pour chaque étape :

  • Dimensions du masque d’affichage.

  • Temps d’affichage : in / out .par défaut 2s.

  • Temps de transition entre les différentes étapes.

  • Zone (s) cliquable (s) oui -non.

  • Si oui définitions des actions souhaitées.(liens, déclenchements.. etc).

  • Bouclage de l’animation oui / non

L’utilisateur choisit les parties significatives de l’image qu’il veut mettre en valeur et organise un parcours en jouant sur des zooms, déplacements, travelling

Zoom sur la partie avant gauche.Travelling arrière sur la partie droite.Travelling arrière , recul sur partie gauche.

VuVox :Exemple d'interface de séquencement de visuels

Le média principal est ici le visuel contrairement au choix que nous avons fait pour la Webradio. L'application permet la construction de panoramas linéaires qui défilent selon un timing réglable avec en option des accélérations pour dynamiser la présentation. Il se crée ainsi une "ligne de visuels" que le lecteur peut parcourir à sa guise mais dont la structuration et l'ordre d'apparition a un sens ( défini par le réalisateur).

Comme dans Webradio, des compléments multimédias sont proposés pour approfondir la narration.

Le couplage d'une écriture visuelle de ce type sur un flux audio permettrait de maitriser l'inscription visuelle dans le temps de l'audio.

Collage Overview - The canvas for your stories!

Un colloque en rich media avec l'application en ligne Vuvox collage

Synchronisation d'événements par rapport au déroulement temporel

Ici une partition est montrée dans son ensemble et apparaissent à des moments clés le détail des interventions orchestrales.

synchro_diapo_tc