MandarinTV – Opus 3


MandarinTV prend de la hauteur : Après avoir été conventionnée par le CSA et initialisée sur les Box (N° 719 sur Freebox – N° 549 sur Orange TV – N° 801 sur BBox), la chaine dédiée à la communauté chinoise en France déménage pour le 8ème arrondissement, avec un ambitieux projet : Investir tout un immeuble haussmannien pour créer un lieu unique dédié à l’évènementiel Sino-français à Paris.
A la clé, la commande d’un nouveau plateau tv : Nouveau décors, Murs d’écrans, et bien entendu, l’intégration de notre système iOTool, pour contrôler les serveurs vidéos (VTR) et les serveurs graphiques (CG), tant sur le signal principal (M/E 1 pgm) que les affichages des murs d’écrans (via les sorties auxilliaires du mélangeur Atem 2 M/E).

Des 1ères ébauches…

… au plateau fini :

ioCG

iOCG est un serveur graphique (Character Generator) de nouvelle génération, reposant entièrement sur le HTML5. Il est servi avec un serveur NodeJS et une base de donnée MongoDB.

Template et interface de contrôle sont tous deux conçus comme des pages web, permettant des modifications et évolutions aisées, tant sur le nombres de données prises en charge que sur le design même.

Les templates peuvent être créés en html pur (full code) ou, plus simplement, être exportés depuis vos projets After Effect via le plugin Bodymovin.

iOCG permet en outre d’interagir avec la feuille de style (css) du template, ouvrant de nombreuses possibilité d’interaction.

iOCG supporte nativement les images vectorielles (en format web svg) : les manipulations géométriques sur vos templates n’ont plus d’incidence sur la qualité, ainsi que l’insert de vidéo ou autre média.
Quelques exemples :

Titrage 4 champs

    • Tables de noms Éditables & triables
    • Import/export Excel
    • Interactions avec la feuille de style du template (css)
    • Images & vidéos support
    • Preview du Template

Gestion RSS/XML

    • Import par Url
    • Éditables & triables
    • Multi-playlist

Scoreboard 16 joueurs

    • Import Excel
    • Boutons contrôle ( – 0 + )
    • Contrôle des Couleurs

Élection / Sport stats

    • Import Excel
    • Éditable
    • Multi-event

ioLink

iOLink est une boite a outils HTML5 pour environnement broadcast. Le noyau du logiciel est développé sur une technologie robuste et très diffusée, utilisant un serveur NodeJS et une base de donnée MongoDB. Il se connecte à tout type d’API, maitrisant aussi bien les REST, TCP sockets, SocketIO, websocket… et permet de créer facilement des clients légers en HTML5 pour contrôler vos devices de production : mélangeurs, serveurs vidéo, serveurs graphiques, caméras… et de créer des actions multi-devices.

    iOLink implémente régulièrement le contrôle de matériels leaders du marché :

  • Panasonic Kairos
  • Blackmagic Atem
  • OBS Studio
  • Caspar CG
  • Stream Deck keyboards
  • XKEYS keyboards
  • Et notre Serveur Graphique full HTML5 ioCG

Quelques exemples :

POC Kairos : Gestion Scène multi-liaisons

Conçu pour Panasonic, ce “Proof of concept”, outil simulant la couverture des élections européennes, permet de gérer une scène composée de 8 sub-scènes, chacune intégrant une liaison avec la ville distante et un titrage mentionnant le nom du pays. Cet “exercice de style” a pour but de montrer la robustesse de l’API Kairos et l’intérêt de pouvoir concevoir des outils permettant une gestion plus fluide et moins technique d’éléments secondaires de la réalisation d’un direct. En l’occurrence, un chef d’édition , décideur éditorial, pourrait lui même mettre à l’antenne les correspondants plutôt que de recourir aux multiples manipulations sur le panel du mélangeur d’un truquiste.

  • 3 interfaces de contrôle au choix
    • Menu Dropdown
    • Touchscreen Keyboard
    • Carte de sélection
  • Suivi des Tally
  • Indication visuelle dans le cas de 2 fenêtres identiques
  • Option validation avec bouton auto-close

Intégration : OBS Studio, CasparCG & Xkeys

Fonctionnant comme plugin pour OBS Studio ou en webapp indépendante, ce contrôleur permet de pallier les faiblesses en terme de gestion de titrage et magnéto d’un outils open source comme OBS en lui adjoignant un autre logiciel open source CasparCG, combinant les fonctions de serveur vidéo et graphique. CasparCG est configuré en sorties NDI et un seul input permet de gérer l’overlay dans OBS.
L’appli permet de tirer la quintessence de ces logiciel grâce à une interface ultra intuitive permettant de créer des playlists de vidéo, de gérer efficacement l’affichage de titres animés, notamment grâce à l’import de fichiers excel.

Gestion des playlists :

RADIO LCF

La radio fait son show !!!
LCF – la Chine en Français, radio FM et web de la diaspora chinoise en France a décidé de transformer son studio très fonctionnel en un studio tv webcast :

 

AVANT APRES
E-ACTIVE.TV est intervenu avec une prestation globale ingénierie et déco. Le choix technique s’est porté sur un système de réalisation automatique commutant les caméras en fonction des prises de paroles sur les micros : la solution de MULTICAM SYSTEM.
Le design du décors et sa mise en place ont été assuré en moins de 10 jours avec à la clef, la mise en place de feuilles décors, de coursives techniques et totem lumineux.
La lumière est entièrement à LED avec 10 Fresnels LED équivalent 800w tungstène et 2 grands panneaux LED équivalent 2kW.
LES ETAPES DE LA FABRICATION :

Habillages dynamiques Harmonic

Nombre de sociétés spécialisées dans le développement web s’étant cassé les dents sur les templates flash des moteurs d’habillage dynamique des Serveurs Spectrum Channel Port d’Harmonic, E-ACTIVE.TV a été consulté par la plupart des acteurs du marché pour résoudre des problématiques personnalisées et répondre à des demandes exclusives.

Quelques applications:

BUG - MUSEUM Logo - White BG Transparent Op65
Une déclinaison de coming-next et coming-soon multi-champs avec preview vidéo avec au passage une sympathique forme semi-transparente qui s’étire vers le bas en fonction du nombre de caractères du champs multiligne qui s’y insère.
Rebranding complet de la chaine : création d’un template dynamique Clip Of Nature affichant au sein d’une animation 4 champs d’une base de données : Pays, ville, région et adresse web. Mise en place des coming next. Développement d’un template affichant l’heure et la météo (icone météo + température locale) de villes listées dans un fichier xml mis à jour par un service météorologique externe.
Développement, mise en place des habillages ARTE du site de secours et formation des équipes au développement en interne. Titrage dynamique, défilant (crawl), coming next affichant une source SDI via la fonction DVE et plusieurs champs textes, horloge gérant les horaires d’hivers/été jusqu’en 2031.
Développement d’un crédit clip dynamique associant 6 champs de l’outil de programmation à 2 animations présentée sous forme de séquence PNG :1 background et 1 sur-couche. 3 champs sont concaténés. La taille des polices s’adapte sur les zônes texte respectives en fonction du nombre de caractère.
Mise en place de l’habillage dynamique : logos SFR SPORT 1 animés Live, Rediffusion, Replay, avertissement CSA, coming next avec preview vidéo, coming soon avec décompte en hh:mm:ss du temps restant avant la diffusion
Développement, mise en place des habillages TF1 du site de secours : logos fixes, avertissement CSA, Bandeau Déroulant « Alerte enlèvement ».
Formation des équipes BCE au développement de templates Flash pour habillage dynamique Harmonic : Bases flash et langage ActionScript, études de cas sur exemples concrets d’application.

CMEDIA devient MANDARIN TV…

La petite webtv de la diaspora chinoise en France a obtenu un conventionnement du CSA pour exploiter une chaine de tv et arrive en novembre 2015 sur les services Freebox et Orange TV. Après avoir déménagé en banlieue parisienne, la chaine commande un nouveau décors pour ses studios tv sur 3 axes : Au menu, 3 feuilles décors, 3 murs d’écrans, 2 totems lumineux. Polyvalence et flat design pour un outil multi-émissions.

LES PLANS ET CROQUIS :
LA REALISATION :

Et en vidéo, ça donne quoi ?

Studio CMEDIA

C-MEDIA, société de production et Webtélé réunissant des investisseurs d’origine chinoise, nous a sollicité pour créer, dans ses locaux haussmanniens de la rue Marbeuf à Paris, un studio HD exploitable par 2 opérateurs (ou plus).
Ce studio sert à produire des émissions en français et en chinois pour le public de la diaspora d’origine chinoise en France, diffusé sur le site CMEDIA et sur la chaine thématique Demain

 

Nous avons créé un décors assez neutre composé de 3 feuilles de décors dont 2 sombres chacune équipée d’un mur d’écran extra large (2 écrans 46 pouces collés l’un à l’autre) et 1 plus clair pivotant pour permettre l’accès aux équipements,
d’une table à tranche lumineuse de 80 x 160 cm.

La régie est construite autour d’un mélangeur Blackmagic ATEM Production switcher 2 M/E, piloté par un écran tactile.
Les 4 caméras robotisées sont la dernière génération des tourelles Panasonic : le modèle AW-HE120K dispose de 3 capteurs CMOS 1/3 pouces, de sorties HD-SDI, se distingue par son remarquable silence de fonctionnement ainsi que des mouvements rapides et fluides.
Elles sont télécommandées par le contrôleur à distance de caméras Panasonic AW-RP50EJ.

 

La partie serveur est bâtie autour de la solution CasparCG :
Ce logiciel, en licence opensource, permet une gestion ultra efficace et simplifiée des multiples playouts (simple sortie HDMI de la carte graphique, carte vidéo HD SDI Blackmagic ou autre), d’enregistrement multiformat via carte vidéo configurée en acquisition et l’habillage dynamique sur la même interface, grâce à son architecture Client – serveur communiquant en protocol amp.
 
casparcg
 
Les murs d’écrans sont gérés depuis la régie via les Aux du mélangeur : Toutes les combinaisons sont possibles : afficher la même image ou vidéo sur tous les écrans, une image ou vidéo différente sur chacun d’entre eux, ou une image ou vidéo de grande taille répartie sur les écrans… cela donne une grande liberté au réalisateur qui peut afficher aussi bien la caméra de contrechamps dans son plan, qu’un flux d’ordinateur (par exemple, un intervenant distant via Skype ou autre Viber…)
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo
Google Photo