[FL]Demo de test de MovieStar Beta

[alama]

Voici un test des nouvelles fonctionalités videos du futur flashplayer.
Décodage des flux H264 et HE AAC, ces codecs sont ceux utilisés pour les DVD HD, le blue ray ou les vidéos streaming de haute qualité, car le H264 ( également appelé Advanced Video Codec AVC ) est surtout phénoménal pour les bitStreams très bas! (-de 1Mbs) au dessus, le VP6 fait aussi bien et demande bcp moins de ressources. ( c'est aussi celui utilisé par Nero Digital AVC ou encore par Sony AVCHD )
Ici, j'ai testé avec un Trailer HD 480 Lignes en Progressif (480P) encapsulé en MOV fournit par le site Apple Trailers.

Aussi, une accélaration Hardware est fonctionelle!(un DirectX proprio Player Embed) la différence de déblocking et de Smoothing est énorme! mais ici, celà dépend de votre carte graphique! ATI fait fort en la matière..
!!!Après installation de l'update, dans les paramètres(clic droit) apparait un nouvel onglet Affichage! Celui ci contient la case pour utilisation ou non du mode DirectGPU!!!

Une nouvelle façon de controler le FullScreen assez astucieuse..

Afin de voir la vidéo, il est necessaire de désinstaller vos plugins et d'installer les plugins Beta 9 update.
http://labs.adobe.com/downloads/flashplayer9.html

La Demo MovieStar:
http://www.covergraph.com/alama/moviestar/

PS: Dans le code, j'ai voulu utiliser Mouse.hide() et Show() pour cacher la souris en fullScreen, mais ca foire!!! la souris ne réapparait pas avec Show.. j'ai donc abandonné, il suffit de la tirer vers le bas, ou de changer son cursor en un cilp 0 alpha.

Dans les params de publication, utilisez bien le mode fenêtre!!! car les autres modes font ramer grave la video.

Il est possible d'implémenter un toggle pour l'affichage sur double clic dans la video comme la plupart des lecteurs.. (pas fait ici)

Le code:

Code PHP:

//importation des classes dont on aura besoin
import flash.geom.*;
import flash.display.Stage;
//creation d'un netconnection
var connect_nc:NetConnection = new NetConnection();
//ici, on connecte à NULL car on utilise un over HTTP ou Local et non pas un serveur Adobe de stream
connect_nc.connect(null);
// Création D'un Stream
var stream_ns:NetStream = new NetStream(connect_nc);
//Définition du client, ici la scène
stream_ns.client = this;
//évenement déclenché au chargement de la video dans l'objet Stream
function netStatusHandler(p_evt:NetStatusEvent):void {
    //test des erreurs éventuelles de format ou autre et on se sert du textField pour l'afficher
    if (p_evt.info.code == "NetStream.FileStructureInvalid") {
        txtGetFlash.text="The MP4's file structure is invalid.";
    } else if (p_evt.info.code == "NetStream.NoSupportedTrackFound") {
        txtGetFlash.text="The MP4 doesn't contain any supported tracks";
    } else {
        //si la video est ok, on éteint le TextField getURL vers le plugin update d'adobe
        txtGetFlash.visible=false;
    }
}
// recupération du bloc de métas de la video
function onMetaData(p_info:Object):void {
    for (var propName:String in p_info) {
        //on peut voir toutes les métas d'un coup! (facultatif)
        //output_txt.appendText(propName + " = " + p_info[propName] + "\n");
    }
    //on adapte la taille de l'objet video et sa position sur la scène
    video.width = p_info.width;
    video.height = p_info.height;
    //ici, j'ai du fixé moi même la taille de l'anim car "stage.stageWidth" déconne 
    //probablement à cause de ma publication à 100% pour mon centrage automatique.
    //la valeur prend la valeur de la fenêtre du browser et ca foire!
    video.x = (900-p_info.width)/2;
    video.y = (500-p_info.height)/2;
    // idem pour le filet (facultatif)
    filet.width = p_info.width+20;
    filet.height = p_info.height+20;
    filet.x = (900-p_info.width)/2-10;
    filet.y = (500-p_info.height)/2-10;
 
}
// bascule des modes full screen / normal
function goFullScreen(p_evt:Object):void {
    //creation d'un objet rectangle aux coordonées identiques à la video
    //Celà à pour but de donner les parametres de cadrage FullScreen par la suite
    var scalingRect:Rectangle = new Rectangle(video.x, video.y, video.width, video.height);
    //C'est ici que réside l'astuce de la Version Beta!
    //l'objet Stage se voit doté d'une nouvelle propriété batisée "fullScreenSourceRect"
    //c'est cette propriété qui donne les coordonnées de recadrage pour le full Screen
    //Dans notre cas, on veut que ce soit la video seule qui prenne tout l'écran
    //c'est pourquoi on a créé un objet rectangle épousant exactement la video ci plus haut.
    //Mais on pourrait imaginer faire celà pour n'importe quoi de telle sorte à recadrer en fullScreen
    //n'importe quelle partie de l'animation.
    //Comme cette propriété n'existe pas dans l'environement auteur, le compilateur donnerait une erreur
    //sur la commande "stage.fullScreenSourceRect = ObjetcRectangleRéférence;"
    //Donc, on l'écrit en syntaxe objet, de telle sorte à ce que le compilateur l'ignore. 
    //(celà fera l'objet d'une mise à jour)
    stage["fullScreenSourceRect"] = scalingRect;
    //on test l'état actuel de l'affichage ( normal ou full)
    if (stage.displayState == StageDisplayState.NORMAL) {
        //recadrage de la scene et full Screen
        stage.displayState = StageDisplayState.FULL_SCREEN;
    } else {
        // retour à l'etat normal,le recadrage est celui d'origine du document.
        stage.displayState = StageDisplayState.NORMAL;
    }
}
// controle de la lecture (boutons)
function pauseHandler(event:MouseEvent):void {
    stream_ns.pause();
}
function playHandler(event:MouseEvent):void {
    stream_ns.resume();
}
function stopHandler(event:MouseEvent):void {
    // mettre la lecture en pause et déplacer la tête de lecture au début du flux vidéo.
    stream_ns.pause();
    stream_ns.seek(0);
}
//inscription des boutons de contrôle aux écouteurs d'évenements
btnPause.addEventListener(MouseEvent.CLICK, pauseHandler);
btnPlay.addEventListener(MouseEvent.CLICK, playHandler);
btnStop.addEventListener(MouseEvent.CLICK, stopHandler);
//inscription aux écouteurs d'évenements du bouton FullScreen et du stream pour gerer les erreurs
btnFS.addEventListener("click", goFullScreen);
stream_ns.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler);
//creation d'un objet video
var video:Video = new Video();
//ajout de la video comme enfant à la liste des objets d'affiche (display object)
//ici, la video sera un enfant de la scène (stage) de laquelle elle hérite (Et oui! ca c'est l'AS3 :D )
addChild(video);
//attachement de l'objet stream a l'objet video
video.attachNetStream(stream_ns);
//ordre de lecture de la video par l'objet Stream ( c'est l'objet stream qui pilote la video
//Et l'objet video n'est un afficheur!!)
stream_ns.play("iron_man480p.mov");
//creation d'un objet son
var mySound:SoundTransform;
//attribution du flux audio à l'objet son
mySound = stream_ns.soundTransform;
//reglage volume ( de 0 à 1=100%)
mySound.volume = 1;
//Et voilà, c'est fini...
//Reste idéalement a faire un progressBar de loading et un slider de position lecture / Seek
//... 


[TnT]

Que dire... a part: WWWWWWWWHHHHHAAAAAOUUUUUUU!!!!

Ca fait un moment que j'entend parler de la futur version de flash player. C'est la première fois que la vois a l'oeuvre.
Merci Alama.

Mais quand est ce qu'elle va sortir? C'est exactement ce dont j'ai besoin!

[alama]

On ne sait pas trop, il y aura sans doute quelques ajouts et modifs pour la version finale! mais ca ne saurait tarder!! accompagnera ce Player, une mise a jour du programme Flash CS3 et peut etre FL8 pour ajouter les nouvelles propriétés afin qu'elle soient reconnues.

Tu peux déjà l'exploiter si tu invites tes internautes à charger la mise à jour Beta, le mieux serait de l'héberger toi même et de la faire exécuter.

Pour créer des videos, on peut le faire avec plein de softs, Adobe Premiere, mais QuickTime Pro7, ou Nero Digital, et encore Virtual Dub ou Satsuki codecs pack.. ( en attendant la mise a jour de Adobe Flash Video Encoder )

Par expérience, un H264 compressé à une moyenne de 500kbs donne déjà une image en FullScreen étonante

J'ai étudié a fond le codec H264, plus exactement le x264 (version open source) et il est tres bien pensé! il fait des blocs de 16px ( donc, garder ce rapport est préférable) une bonne résolution, sans entrer dans la HD est de 512X288 pour faire du 16/9.

Les gros changements par rapport au H263 est dans la détection de mouvement des blocs qui est bcp plus précise et peut travailler au quart de pixel près.. (ce qui explique sa lenteur et sa gourmandise en ressources) le codeur intégre les parametres de déblocking en natif dans le flux et un systeme appellé CABAC fait une dernière compression binaire lossless au dernier étage de la chaine.

ATI integre les deux derniers étages de décompression en hardware, la firme Texas Instrument planche sur un DSP décompresseur full! Bref, l'avenir semble bien imposer ce codec un peu partout.

Ca fait longtemps que j'attendais celà de la part d'Adobe!!
J'en avais fais part en Janvier lors de la relation Adobe / FlashXpress
je ne sais pas si cela a influencé, mais c'etait obligé d'évoluer
j'imagine qu'on devait être des millions a attendre ça..

voir: http://www.flashxpress.net/forum/sho...675#post488675

Ceci dit, si Adobe ne l'avait pas fait, je pense que le monde open source de Mozzila l'aurait fait, car le code de l'AVM à été donné a la fondation!! pas con chez Adobe!! en se ralliant le monde open source, ils s'assurent une bonne évolution de l'AVM et une certaine pérénité dans le taux de pénétration Flash face a Microsoft

[TnT]

Et bien, tu as l'air de l'attendre autant que moi a t'entendre.
Merci pour les détails sur l'encodage, spécialement sur le coup des blocs de 16px.
Aurais tu des liens vers des conseils de paramètres pour avoir de belles vidéos comme on en voit sur stage6?
Merci.

[alama]

des liens! ben tu peux déjà aller voir chez Satsuki, il y a des explis. ou le site de nero digital ( tout automatique chez eux ), le site de QuickTime Pro7 ou simplement faire une recherche sur Tuto x264 ( ce sera souvent en manuel )
Si tu ne veux pas te prendre la tête, Nero ou QuickTime le font en automatique.. seule chose, part tjrs d'une video haute qualité!! DV ou uncompressed.
J'ai obtenu des tres bonnes videos avec nero ou avec virtualDub+x264.

[daoud60180]

Salut à tous,

je remote ce vieux poste car tres intéréssé de diffuser de la Hd 480 P

petit truc: je prends effectivemetn des *.mov ( de chez apple/trailers) , je les renomme en *.flv sans ré-encodage :
_ le truc c'est que mon lecteur flash les lits tres bien.. mais je dois dire aux personnes qui me visitent de désinstaller a coup sur leur ancien plugins et de mettre a jours les béta car sinon la vidéo ne se chargent pas!
C'est tres contraignant que cela ne se fasse passe automatiquement car des users pourraient se barrer aussitot arrivé !

L'autre truc, et cela doit dependre de ma bande passante en upload, les *.mov renommés en *.flv mettent trop de temps a se charger chez les users

Je suis contraint a les rééncoder avec flash 8 encoder afin que d'une part les plugins restent " les meme " sans manip manuelle, et que le pré-chargement se fasse relativement vite..

avez-vous des p'tits trucs pour palier a mes soucis ?

David

[alama]

Mmm.. pourtant, moi je n'ai pas changé l'extension! c'est toujours du mov et le nouveau player le prend sans pb.. il peut etre changé en MP4 aussi.

Si c'est lent, c'est sans doute a cause du bitStream, car en HD, il est bcp + important! A la limite, réencode en H264/AAC ( mov ou mp4 ) avec un bitStream autour de 700 ou 800 kbs max. réduit la résolution autour de 512 pix de large, ce sera quand même d'une relative bonne qualité.

[daoud60180]

salut alama,

le bitstream, mes notions en ré-encodage sont minimes, je ne vois pas a quoi correspond le bitstream ( le Kbps ?),si c'est cela, cela explique le fait que ca rame?

effectivement les fichiers *.mov que je renomme en *.flv sont bien aux 'normes' H264/AAC , mais le Kbps est enorme 2.10 mbits/s !!! pr une taille de 45 Mo

quoi qu'il en soit,en suivant tes conseils, je pourrais ré-encoder le fichier en une taille plus petite, mais avec quoi tu le ré-encoderais toi ( virtualdub + h264) tu as un lien ? que j'essaye...

donc je peux garder un fichier Hd avec codec H264/AAC ,mais encodé en 700 ou 800 Kbps ?? tu confirmes

[alama]

oui je confirme

Pour vérifier ton bitStream rapidement, tu dois avoir environ 5MB par minute de film pour environ 800 kbs video+son

video: h264/x264 en 2 passes, resol: 512X288 ou 512X384 (4/3), pix ratio= 1:1, progressive (pas d'entrelacement), +/- 700 kbs, 25 fps.

Aidio AAC ou HEAAC, 44 khz, 96 kbs.

Les softs: Adobe Premiere cs3, virtual dub + satsuki pack ou encore pour 39€, il y a AVS video tools.

[daoud60180]

Salut Alama,

merci de tes retours

dis-moi Adobe Premiere cs3 embarque le codec H.264 ? pr la ré-encode

C'est quoi la derniere version du flash 8 encoder en quelque sorte ?

Merci à de ton retour je recherche le soft

David