Il y a quelques jours, vous avez appris à personnaliser complètement le Player Video YouTube.

Mais vous préférez utiliser Dailymotion 😉

C’est également possible de personnaliser le Player Vidéo Dailymotion.

C’est ce que vous allez découvrir dans le cours vidéos de cette semaine 😉

Voici ce que je vais vous apprendre :

• Comment personnaliser le Player Vidéo Dailymotion pour le mettre à l’image de votre site.
• Comment utiliser les fonctionnalités du Player Dailymotion sur votre site.
• La méthode pour avoir un serveur de streaming gratuit.
• Comment utiliser la puissance des serveurs Dailymotionpour votre site, pour diffuser vos vidéos, qu’elles soient privées et / ou publics.
• La stratégie pour utiliser l’API Dailymotionavec des performances optimisées.
• L’utilisation du Framework PureMVC pour architecturer le Player Dailymotion.
• Comment utiliser l’API Dailymotion, ses paramètres, sa configuration et les fonctionnalités proposées.

A l’issue de cette formation, vous saurez programmer votre propre Player Vidéo, avec cette fois, toutes les fonctionnalités du Player Dailymotion.

Et vous pourrez, bien évidemment, l’utiliser pour diffuser vos vidéos sur votre site.

API Dailymotion

Version démonstration

Ci-dessous, le résultat du Player Vidéo Dailymotion avec l’implémentation de contrôles supplémentaires pour la gestion de l’avance rapide.

Un cours complet avec le code source est disponible pour les membres AS3 Formation.

Ce Player s’appuie sur le Framework PureMVC.

Comme pour le Player YouTube, il est possible de complètement personnaliser graphiquement le Player Dailymotion.

Télécharger le code source du cours AS3

Vous trouverez l’ensemble du code source commenté pour utiliser l’API Dailymotion dans vos applications flash.

La documentation de l’API Dailymotion (en anglais).

Les paramètres du Player Dailymotion (avec flashvars).

Un exemple d’intégration de l’API du Player Dailymotion.

Le site des créateurs de ce film sur Half Life.

Et vous, utilisez-vous l’API Dailymotion ou l’API You Tube dans vos applications flash ?

Postez votre application implémentant l’une des deux API dans les commentaires ci-dessous.

Dites-nous pourquoi vous préférez l’une ou l’autre API.

Vous possédez un site avec plusieurs vidéos sous forme de tutoriels.

Comme la majorité, moi y compris, vous mettez vos vidéos sur YouTube, pour ensuite les afficher sur votre site.

Savez-vous qu’il est possible de complètement personnaliser le Player Vidéo YouTube ?

C’est ce que vous allez découvrir dans le cours vidéos de cette semaine 😉

Voici ce que je vais vous apprendre :

• Comment personnaliser le Player Vidéo YouTube pour le mettre à l’image de votre site.
• Comment utiliser les fonctionnalités du Player YouTube sur votre site.
• La méthode pour avoir un serveur de streaming gratuit.
• Comment utiliser la puissance des serveurs YouTube pour votre site, pour diffuser vos vidéos, qu’elles soient privées et / ou publics.
• La stratégie pour utiliser l’API YouTube avec des performances optimisées.
• L’utilisation du Framework PureMVC pour architecturer le Player YouTube.
• Comment utiliser l’API YouTube, ses paramètres, sa configuration et les fonctionnalités proposées.

A l’issue de cette formation, vous saurez programmer votre propre Player Vidéo, qui implémente toutes les fonctionnalités du Player YouTube. Et vous pourrez l’utiliser pour diffuser vos vidéos sur votre site.

API YouTube

Version démonstration

Ci-dessous, le résultat du Player Vidéo YouTube avec l’implémentation de contrôles supplémentaires pour la gestion de l’avance rapide.

Un cours complet avec le code source est disponible pour les membres AS3 Formation.

Ce Player s’appuie sur le Framework PureMVC.

Il est possible de complètement le personnaliser graphiquement. Hélas, je suis développeur et non graphiste 🙁

Télécharger le code source du cours AS3

Vous trouverez l’ensemble du code source commenté pour vous aider dans l’utilisation de l’API YouTube dans vos applications flash.

La documentation de l’API YouTube (en anglais).

Le site des créateurs de ce film sur Half Life.

Et vous, utilisez-vous l’API You Tube dans une application flash ?

Dans quelles types d’applications ?

Postez votre lien d’application implémentant l’API You Tube dans les commentaires ci-dessous.

Dans la troisième partie de ce tutoriel vidéo, vous allez apprendre à charger dynamiquement les graphismes du Player AS3 Formation, sans recompiler le swf !

De plus, je vais vous expliquer l’implémentation des différentes fonctionnalités de cette version.

Et vous saurez pourquoi l’évènement Event.ENTER_FRAME n’est pas toujours l’idéal pour lancer des calculs sur l’affichage de vos interfaces. Et surtout comment le remplacer par une fonction moins gourmandes en ressources processeurs !

Et voici le résultat dans un swf :

Téléchargez le code source du Player AS3 Formation

Renseignez votre email pour télécharger le code source complet du Player AS3 Formation.
Les classes sont commentées pour vous aider au maximum.

Découvrir les Artistes de l’Album écouté

L’album que vous écoutez provient du site jamendo.fr.

Écoutez et téléchargez l’album Saturnine Song

Dites-moi : quels tutoriels souhaitez-vous à propos du Framework Pixlib ?

Voulez-vous que j’aborde des fonctionnalités particulières de Pixlib ?

Avez-vous des questions sur ce cours ?

Posez-les dans les commentaires ci-dessous.

Je rédigerais les prochains tutoriels pour répondre à toutes vos questions.

Découvrez Pixlib Flash Plateform Framework.

Dans la deuxième partie de ce tutoriel vidéo, vous allez découvrir les classes importantes de Pixlib.

Cet exemple de Player Audio basé sur Pixlib regroupe quelques unes des fonctionnalités utilisées les plus souvent.

Et voici le résultat dans un swf :

Téléchargez le code source complet de l’exemple

Renseignez votre email pour télécharger le code source complet de l’exemple.
Les classes sont commentées pour vous aider au maximum.

Découvrir les Artistes de l’Album écouté

L’album que vous écoutez provient du site jamendo.fr.

Écoutez et téléchargez l’album Saturnine Song

Avez-vous besoin d’informations supplémentaires sur Pixlib 3 ?

Si vous avez d’autres questions sur Pixlib, posez-les dans les commentaires ci-dessous.

Je rédigerais un nouveau tutoriel pour répondre à toutes vos questions.

Découvrez Pixlib Flash Plateform Framework.

Je tiens à remercier Michael Barbero pour toutes ses explications et ses conseils avisés. Visitez son site : http://www.deja-vue.net/blog/

Tout d’abord, un framework c’est quoi ? Quel est son utilité ?

Un framework est un outil qui permet de structurer et d’architecturer un projet flash.

Il apporte également des facilités de programmation avec des fonctionnalités pré-intégrées, prêtes à être utilisées.

Les 5 bonnes raisons d’utiliser un Framework ActionScript

N°5

Un framework, digne de ce nom, impose une architecture efficace avec une approche MVC (ou IOC) , une arborescence des fichiers type et une manière de penser l’application.

N°4

Un Framework donne une organisation pour structurer correctement une application. Avec un gain de temps très important dans le développement (inutile de recoder certaines fonctionnalités). Il donne également des conventions de nommage des fichiers ainsi que des conventions de nommage du code.

N°3

Un framework fournit tout un panel d’outils pour répondre aux besoins récurrents d’un projet.

Par exemple, le Framework Pixlib intègre nativement :

• Le pattern MVC, plus particulièrement MVFC (Modèle, Vue, Front, Controller).
• Le pattern IOC (Inversion Of Control).
• Le chargement des swf, graphismes, animations, polices de caractères…
• Le chargement et le décodage des fichiers xml (structure sous forme d’objects).
• Des raccourcis de fonction, implémentation automatique des fonctionnalités récurrentes (flashvars, variables dans l’url – GET -, etc…).
• Et plein d’autres classes facilitant la vie du développeur ActionScript.

N°2

En s’appuyant sur un framework, le développeur peut se concentrer sur l’architecture de son application, l’analyse, les fonctionnalités…

Tout le reste sera géré par le framework (les chargements, organisation du code…).

La sécurité est gérée nativement, les classes de manipulation des données sont générée à la volée, l’architecture MVC est déjà prête à être utilisée…

Le framework permet donc de démarrer tout de suite. Et surtout, sans réinventer la roue à chaque fois puisque le framework fournit des outils prêts à l’emploi.

Une application qui s’appuie sur framework possède une maintenabilité et évolutivité beaucoup plus aisée. La pérénité de l’application flash est donc assurée.

N°1

Le plus grand avantage d’un framework : c’est qu’il permet à une équipe de développement de travailler facilement sur le même projet.

En effet, le framework impose une architecture bien définie donc tous les développeurs sont hébitués aux mêmes mêmes règles.

Donc ils sauront tous comment se répérer dans le projet, savoir comment il fonctionne, où ils doivent trouver tel ou tel bout de code…

Pour un prestataire professionnel, c’est d’autant plus un avantage car si son équipe travaille sur un framework donné et qu’il cherche à recruter un nouveau développeur, alors il pourra en trouver facilement sur le marché, et il sera prêt à démarrer sur les projets de l’entreprise car il connaîtra déjà le fonctionnement interne du framework.

L’utilisation d’un Framework

Utiliser un framework pour ses projets flash apporte surtout beaucoup de plaisir à développer.

En effet, il est possible de se concentrer directement sur les fonctionnalités de l’application à développer sans avoir à se soucier à redévelopper des fonctions fastidieuses comme le remoting, l’analyse xml…

Le but d’un framework, c’est aussi de pouvoir se faire plaisir en développant.

Retrouvez les frameworks que j’utilise quotidiennement dans mes développements AS3 et AS2.

Et vous, préférez-vous recoder à chaque fois l’ensemble du code de votre application ?

Ou alors, peut être utilisez-vous des frameworks personnels ?

Partagez les via les commentaires ci-dessous. J’aimerais bien les tester dans un projet flash.

Dans cet article, nous allons découvrir quelques unes des stratégies utilisées pour accélérer votre développement d’applications flash.

Découverte des Frameworks ActionScript

Tout d’abord, quel est l‘utilité d’un Framework ActionScript ?

Que contient-il ? A quoi sert-il ?

Un Framework ActionScript simplifie la vie du développeur, dans le sens, où il contient des fonctionnalités prêtes à l’emploi.

C’est à dire qu’un ensemble de classes s’occupent de telle ou telle fonctionnalité. Ainsi, vous n’avez pas besoin de la recoder à chaque fois. En instanciant les classes, avec les paramètres adéquats, vous implémentez la fonctionnalité dans votre code ActionScript.

Par exemple, Google Analytics For Flash permet très simplement d’ajouter le tracking de vos visiteurs dans une application flash.

D’autres Frameworks ActionScript, beaucoup plus complets, accélère grandement le développement d’une application flash complexe.

En effet plusieurs Framework ActionScript intègrent un ou plusieurs modèles de conception afin de faciliter l’utilisation de ceux-ci dans vos projets flash.

Notamment, le Framework PureMVC qui possèdent plusieurs modèles de conception, facilement utilisable pour construire une application.

Les Frameworks ActionScript à connaitre

Plusieurs Développeurs ActionScript talentueux partagent avec la Communauté Adobe Flash leurs Frameworks. Ils utilisent quotidiennement ces Frameworks pour leurs projets flash.

Les Frameworks que je vous présentent possèdent un support très réactif et sont régulièrement mis à jour, pour :

• intégrer des nouvelles fonctionnalités.
• l’amélioration des performances.
• intégrer les « features » des nouvelles versions du Player Flash.
• implémenter les demandes des utilisateurs.

Ci-dessous, la liste des Frameworks que j’utilise en fonction des projets flash sur lesquels je suis amené à travailler.

Pixlib 3.0 Flash Plateform Framework

C’est mon framework préféré. En ce moment, j’apprends à l’utiliser pour en comprendre le fonctionnement et les subtilités.

S’il n’y avait qu’un seul framework AS3 à choisir, ce serait celui ci !

Il est très complet et développé par une équipe d’experts Adobe Flash très talentueux.

Les prochains tutoriel vidéo seront accès sur la découverte et l’utilisation des fonctionnalités de Pixlib 3.0.

Lisez l’article consacré à la présentation de Pixlib 3.0 pour en savoir plus.

PureMVC

Un framework très accessible pour les débutants. PureMVC est une implémentation du pattern Modèle Vue Contrôleur.

L’objectif du Framework PureMVC est de vous aider à séparer votre application en trois parties bien distinctess :

• le modèle.
• la vue.
• le contrôleur.

Cette séparation, ainsi que le degré et le sens de couplage employé pour les faire collaborer est indispensable pour construire et maintenir des applications évolutives.

Lisez la présentation du Framework PureMVC, accompagné d’un exemple ActionScript pour découvrir son utilisation.

Vegas AS2 / AS3

Un framework que j’ai découvert en même temps que l’AS3.

Vegas est un Framework très complet, il contient tout un panel de classes permettant de développer des applications flash très complexes. Avec ces extensions LunAS, PEGAS, KronOS, ASGard et CalistA, l’auteur Ekameleon a réalisé un travail formidable pour faciliter le développement Flash.

Le framework Vegas est compatible AS3 et AS2 !

Voici un tutoriel pour installer la dernière version de Vegas. Voici le lien direct vers le répertoire SVN de Google Code.

Ekameleon a rédigé plusieurs tutoriels pour apprendre à utiliser Vegas.

Le support en français est assuré sur le Google Group Vegas.

Voici la liste, non exhaustive, des fonctionnalités implémentées dans Vegas :

• ADT (Abstract Data Type) libraries (queue, map, collections, stack, bag, iterator, etc.)
• Gestion avancée du modèle évènementiel basé sur Dom2/3 avec l’implémentation du design pattern FrontController.
• Implémentation du pattern IoC (Inversion Of Control).
• Gestion de la localisation et des interfaces multi-langues.
• Implémentation des design pattern MVC, Visitor, Command, Observer, etc.
• Gestion avancée du debug ‘logging’.
• Des outils de dessins, couleurs, géométrie.
• Gestion avancée avec un moteur de tâches, processus, séquences, batch etc.
• Ajout d’un moteur complet de Transition (tweens, etc.)
• Des outils pour les interfaces utilisateurs.
• Gestion avancée du réseau et des outils remoting.

La documentation en ligne est très pratique pour utiliser les fonctionnalités de Vegas.

Le framework Vegas est complété de plusieurs extensions. Celles-ci peuvent s’avèrer très utiles en fonction de vos projets flash.

LunAS

L’extension LunAS est un framework intégre des composants pour construire des interfaces graphiques :

• La gestion des textes : label, input, textarea.
• Tous les types de boutons.
• Plusieurs types de container.
• Des scrollbars.
• etc…

Pour avoir une meilleurs idée des possiblités de LunAS , je vous conseille d’installer les sources LunAS via SVN. Il ya plusieurs exemples pratiques pour apprendre à utiliser cette extension.

CalistA

Cette extension contient plusieurs classes de cryptage Action Script. Attention, certaines classes sont en cours de développement dans la version AS3 (cryptage TEA).

Possiblités de cryptage offertes par CalistA :

• MD5.
• SHA1.
• TEA (en cours de portage AS3).
• Base64.
• Base8.
• LZW : compression / décompression des chaines de caractères.

Il y a également les extensions AST’r et NinjAS à découvrir.

Pixlib AS2

Pour l’AS2, Pixlib est le premier framework actionscript que j’ai découvert. Ma programmation AS2 a fait un bond en avant gigantesque grâce à l’utilisation de Pixlib.

Le framework Pixlib est conçu pour apporter à votre programmation AS2 :

• gestion des évènements poussés.
• gestion du logging.
• chargements des données de tout type.
• gestion des objets vidéos et sons.
• possibilité d’effectuer des transitions.
• gestion de la structure des données. Analyse simplifiée et rapide des fichiers XML.
• implémentation de plusieurs Design  Pattern (Model View Controler, Singleton, Observer…).

La mailing-list contient une mine d’informations pour apprendre à utiliser ce framework.

Vous pouvez télécharger la dernière version de Pixlib AS2 sur le répertoire SVN. Note : le répertoire SVN étant hors service, j’ai rajouté en téléchargement Pixlib version AS2 ci-dessous.

La documentation de l’ensemble des classes est disponible sur le site Geturl.

Le site Geturl contient également plusieurs tutoriels très utiles pour appréhender les subtilités de Pixlib. Et un autre tutoriel qui permet de comprendre les bases du framework Pixlib.

PixIoC AS2

Vous serez surement intéressés par PixIoC qui est une extension de Pixlib AS2.

Cette extension est basée sur le design pattern Inversion Of Control.  Elle permet de construire votre application à partir d’un fichier xml. Ce fichier xml contient les classes à instancier, les méthodes à utiliser… tout pour créer votre application flash.

Vous pouvez télécharger la dernière version de PixIoC.

Conclusion

Je vous encourage vivement à prendre le temps d’apprendre à utiliser ces Frameworks ActionScript. Votre programmation flash s’en ressentira. Et vous serez plus à même de concevoir des projets flash de plus en plus robustes et évolutifs.

Pour vous aider, je vais publier des tutoriels en vidéos accompagnés d’exemples d’implémentation pour chacun de ces frameworks.

Et vous, quel est le framework que vous utilisez le plus en souvent en AS3, AS2 ?

En AS2, j’utilise Pixlib et en AS3 Vegas et depuis peu Pixlib 3.0.

Sur quel framework souhaitez-vous des tutoriels en priorité ?

Dites moi cela via les commentaires ci-dessous. Merci.

Qu’est ce donc Pixlib 3.0 ?

Présentation du Framework Pixlib 3.0

C’est un framework ActionScript 3 pour Flash Player 10 très très performant. Pixlib permet de concevoir des applications flash avec des outils très pratiques.

Etant un fervent utilisateur de Pixlib pour AS2, je vous conseille fortement d’apprendre à utiliser Pixlib 3.0.

Cette version dispose d’une nouvelle architecture / noyau. Elle fonctionne avec un système d’extensions.

Et elle est plus rapide et robuste ainsi que complètement documentée !

Romain Ecarnot a repris les rênes du projet Pixlib pour vous proposer cette nouvelle version.

Sur le site officiel, vous pourrez télécharger :

• le framework complet et des extensiosns.
• son code source.
• accéder à la Team Pixlib pour un support.
• des tutoriels.
• et consulter la documentation.

Fonctionnalités du Framework Pixlib 3.0

• MVC+FC, PixLib est basée sur le pattern Model View Controler avec un FrontController.
• Logging, Les logs / debug de vos projets pourront s’interfacer avec la plupart des sytèmes de logging (avec l’extensiob PixLogger).
• Abstraction et couplage faible permettant d’avoir une base générique et d’implémenter par la suite des comportements très concrets (par exemple pour le remoting avec le package net.pixlib.services et son extension PixService).

• L’utilisation de Command, soit au sein d’un MVC, soit dans un cadre plus générique, avec des séquenceurs ou autres managers.
• Une Loading API permettant de charger tout type d’élément avec une abstraction totale.
• La gestion du pattern IOC avec l’extension PixIOC.

Conclusion

La Team Pixlib propose des services de consulting, formations et développement.

De mon côté, je m’attaque à la programmation AS3 en utilisant ce fabuleux Framework Pixlib 3.0.

Dans quelques temps, je vous présenterais mes applications conçues avec Pixlib. Et également accompagnées de tutoriels vidéos.

Et vous, que pensez-vous de Pixlib 3.0?

Est ce que vous l’utilisez pour la création de vos projets flash ?

Ou utilisez vous un autre framework ? Lequel ?

Sinon, le votre, fait maison ?