Rss Feed

« Smoother » une vidéo en flex

Actuellement en pleine préparation d’un produit tournant autour de la vidéo (plus d’informations très bientôt), nous avons rencontré un problème que beaucoup de développeurs flex ont surement rencontré. En effet, quand il s’agit d’afficher une vidéo dans un player qui n’est pas à ses dimensions et principalement quand il s’agit d’agrandir la vidéo, cette dernière se retrouve plombée par un fort aliasing. Il s’agit de petits crénaux qui apparaissent sur les courbes des objets affichés, qui rendent la vidéo pixélisée. Cela est particulièrement visible quand on affiche en plein écran la dite vidéo.

Alors comment faire pour anti-aliaser tout cela ?

La classe Video propose une option « smoothing », permettant de corriger ce problème. Mais pour ceux d’entre vous qui souhaitent utiliser la classe VideoDisplay, vous allez vous rendre compte qu’il n’est pas possible d’accéder à l’instance de la classe Video. En fait, il existe un moyen assez simple d’y accéder :

Supposons que le VideoDisplay possède l’id « vidDisplay », il suffit de faire « vidDisplay.mx_internal::videoPlayer.smoothing = true » pour activer l’anti-aliasing.

On constate une légère hausse de l’activité du processeur, surtout quand la vidéo affichée est grande, mais rien de bien catastrophique.

Voici un exemple de ce que cela peut donner, avec le code source.

Flex Smoothing Video

Créer un flux RSS pour l’Adobe Media Player

Adobe_Media_Player_Logo.pngIl est possible d’ajouter du contenu personnalisé dans l’Adobe Media Player au travers de la création d’un fichier MRSS (Media RSS) basé sur du RSS, et le format Atom.
Il est alors possible de diffuser ses contenus, mais aussi de personnaliser la page affichant ces contenus. On peut y modifier les bannières, mais aussi l’image de fond.

Pour aller plus loin, et créer par exemple des listes de lecture, ou afficher des publicités, il faudra activer les fonctionnalités avancées (AMOD: Adobe Media Orchestration Document) auprès d’Adobe (contacter l’Adobe Strategic Alliance Team pour devenir partenaire Media Player).
Les publicités ont la particularité de pouvoir être soit affichées au niveau de la bannière supérieure lors de la lecture d’un média, soit en superposition de la vidéo, ce qui peut être très pratique par exemple pour ajouter un logo sans avoir besoin de retoucher la vidéo.

Les contenus graphiques à ajouter sont placés sur un de ses serveurs distants, donc pas besoin d’aller du coté d’Adobe pour publier son contenu.

Il est aussi possible de créer un badge Adobe Media Player afin de pré-remplir les chaines que l’on souhait diffuser, permettant à l’internaute de ne pas avoir à saisir lui même le flux MRSS.

Vous voulez en savoir plus ?
Comprendre le fonctionnement du MRSS
Aller plus loin avec le MRSS et SMIL
Créer un badge personnalisé

Flash media server 3.5: dynamic streaming

Parmi les nouvelles fonctionnalités de Flash Media Server 3.5 se trouve le « Dynamic Streaming » ou « Diffusion dynamique en continu ». Derrière ce terme barbare se cache la faculté du serveur de distribuer la version d’une vidéo qui convient en fonction du débit réel dont on dispose, et cela en « temps réel ».

Mais qu’est ce que cela peut vraiment vouloir dire ? Un exemple vaut bien mieux que de long discours.

Imaginons que vous avez une vidéo encodée à 3Mbits/s. Sur une ligne ADSL 8Mbits/s, cela passera sans soucis. Si vous avez une ligne 1Mbits/s, ca va déjà être plus problématique, il faudra attendre que la vidéo soit téléchargée pour la voir, et le temps d’attente sera 3 fois plus long que le temps de visualisation. Mais me direz vous, il est tout à fait possible de le faire sans le Dynamic Streaming. Et bien oui.
Mais maintenant, imaginons que vous avec une ADSL 8Mbits/s, mais que quelqu’un dans votre réseau lance un gros téléchargement, et consomme 6 Mbits/s. Il ne vous restera que 2 Mbits/s (en théorie), ce qui sera insuffisant pour voir votre vidéo, et va provoquer l’affichage de jolis messages « Buffering ». C’est là que le Dynamic Streaming intervient. Vous aurez au préalable mis en place sur votre serveur une autre version de votre vidéo, mais encodée à 1,5 Mbits/s (en réduisant par exemple la résolution); le serveur ayant détecté que votre débit n’est pas suffisant vous basculera automatiquement sur la vidéo avec un plus faible débit. Dès que le téléchargement sera terminé et que vous retrouverez toute la bande passante disponible, la vidéo re-basculera sur la vidéo en haute qualité sans aucune coupure.

Cette fonctionnalité marquera t’elle la fin de ces atroces messages « Buffering » ??

Site de démo du dynamic streaming d’Adobe : www.streamflashhd.com
Informations sur le Flash media server 3.5 : www.adobe.com/fr/

Pseudo streaming h264 et flash

Vous connaissiez peut être déjà le module pour lighttpd qui se nomme « mod_flv_streaming » permettant de faire du pseudo streaming. Par pseudo streaming, on entend le fait de pouvoir naviguer dans la vidéo sans avoir fini son téléchargement.

Malheureusement, ce module ne permet que de lire des vidéos au format flv, et donc ne permet pas de profiter des vidéos au format mp4 du flash player 9/10.

Et bien l’équipe de CodeShop propose un module nommé « mod_h264_streaming » permettant de « streamer » du h264 via le serveur lighttpd, et donc directement dans notre cher flash player.

Pour obtenir une vidéo à partir de la seconde 30, il suffit de faire http://ip.du.serveur:port/fichier.mp4?start=30 . On obtient donc une bonne alternative au fms pour des sites qui n’ont pas besoin d’une sécurité au niveau du transfert de fichier, et souhaitent pouvoir mettre en place une ferme de diffusion sans devoir débourser une somme faramineuse (rappel : 1 licence fms / server).

Installation : http://h264.code-shop.com/trac/wiki/Mod-H264-Streaming-Download

Configuration : http://h264.code-shop.com/trac/wiki/Mod-H264-Streaming

Exemples d’utilisation : http://h264.code-shop.com/trac/wiki/FlashPlayer

Adobe Flash media encoder 2.5: support du h264

Adobe vient de mettre à jour son logiciel gratuit de diffusion live pour supporter les dernières améliorations de Flash Media Server 3, à savoir le support du H264, et de l’AAC. Seul petit bémol, il faudra que vous achetiez le plugin AAC encoder (249$) pour Flash media encoder auprès de la société MainConcept.

On peut désormais faire du streaming live d’événement en HD pour peut qu’on ait une bonne connexion pour l’envoi des données.

Vidéo HD Galerie Adobe Flash

Intéressé par la vidéo HD avec flash, vous voulez voir ce que cela donne ? rien de plus simple, un petit tour sur la galerie vidéo HD Adobe, peut-être une mise à jour du flash player pour certains et ensuite…..plein les yeux.

hd.jpg

Vidéos flash HD

Voici une page Adobe qui permet de voir différentes vidéos dont certaines en HD. Rappelons que la future mise à jour du flash player 9 (nom de code moviestar) prend en charge le codec H.264, HE-AAC audio, player cache….

flashon2.jpg

Adobe Flashon

Flash Player 9 release (support H264, HE-AAC audio, flash player cache..Etc) disponible sur Adobe Labs

Adobe media player beta

Burndaline et le one screen.

Ce projet pilote bilingue utilisant le framework Cairngorm développé en avril 2007 avait comme principale contrainte de ne pas avoir à utiliser le scroll bar vertical. Donc nous avons utilisé au maximum les effets et avons redimensionné les modules dynamiquement pour ne pas pénaliser ceux qui avaient un écran de 30 pouces ;-) Voici une petite vidéo pour montrer l’ensemble des mouvements.