Ajouter un Player Vidéo avec une image watermark en moins de 5 minutes dans votre application flash

Commentaires fermés sur Ajouter un Player Vidéo avec une image watermark en moins de 5 minutes dans votre application flash

Écrit le 12 février par Matthieu
Publié dans le(s) sujet(s) Framework AS3

Suite à la 1ère partie du tutoriel flash OpenSourceMediaFramework, voici la suite dédié à ce Player de média.

Pour rappel, Adobe Flash a développé un Framework Open Source pour simplifier l’utilisation des médias 😉

Il s’agit d’OpenSourceMediaFramework ou plus communément appelé OSMF.

Ce nouveau tutoriel ActionScript vous apprend à ajouter une image de type « watermark » pendant la lecture de vos vidéos.

Le Framework OSMF étant extrêmement complet en terme de fonctionnalités, il y aura plusieurs tutoriels flash dédiés à OSMF.

Des tutoriels sur l’intégration des médias (comme des images, de la musique), la création de playlists, d’applications évoluées (basées sur OSMF), l’utilisation des plugins…

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • Les différentes techniques pour utiliser la librairie OpenSourceMediaFramework.
  • Comment ajouter des informations sur la vidéo, la progression du chargement, la durée écoulée…
  • Les astuces pour personnaliser OSMF avec vos graphismes.
  • Comment ajouter vos boutons de contrôles, l’avance rapide…
  • La technique pour ajouter une image (dynamique) de type « watermark » au dessus de votre vidéo !
  • Un exemple pratique sur l‘implémentation d’OSMF dans vos applications flash.

Avec ce tutoriel flash, vous utilisez le framework OSMF dans vos applications flash. Et avec une image (votre logo d’entreprise, votre marque) qui s’affiche pendant la lecture de vos vidéos 😉

L’OpenSourceMediaFramework Image Watermark

Version démonstration

Voici la version de l’application « OpenSourceMediaFramework Image Watermark ».

Télécharger le code source OSMF Watermark

Vous trouvez ci-dessous le code source du Player Vidéo avec OpenSourceMediaFramework et l’ajout d’une image watermark.

Le fichier zip contient également la version 1.6 (Flash Player 10) d’OSMF (librairie OSMF1_6_FP10.swc).

Ce code source est accompagné du fichier fla avec l’ensemble des composants du Framework AS3 Facile.

Télécharger “OpenSourceMediaFramework Watermark”

OpenSourceMediaFramework-part2.zip – Téléchargé 748 fois – 629,88 Ko

Consultez le site officiel OpenSourceMediaFramework.

Téléchargez la dernière version d’OSMF.

Utilisez-vous votre propre player vidéo, OpenSourceMediaFramework ou un autre framework ?

Si vous aussi, vous utilisez OSMF, montrez moi vos personnalisations du player vidéo OSMF.

Partagez vos techniques et codes source de vos lecteurs vidéos dans les commentaires ci-dessous.

Convertissez, avec 1 fonction, des secondes au format YouTube h:min:s

Commentaires fermés sur Convertissez, avec 1 fonction, des secondes au format YouTube h:min:s

Écrit le 11 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Lors de la création d’un player vidéo ou audio, les méthodes ActionScript fournissent souvent un nombre de secondes pour la durée écoulée, la durée totale du média lu.

Imaginez une fonction qui s’occupe de cette conversion automatiquement, ce serait super pratique !

Ce nouveau tutoriel ActionScript vous fournit cette fonction pour convertir rapidement des secondes au format YouTube (h:min:s).

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • La fonction, en 1 seule étape, pour convertir et afficher des secondes au format du player vidéo « YouTube »  h:min:s.
  • Un rappel de astuce pour générer des nombres entiers aléatoirement.
  • Un exemple détaillé de mise en oeuvre de cette fonction de conversion de secondes en  h:min:s.

Avec ce tutoriel flash, vous affichez, dans votre player audio ou vidéo, les secondes directement au format YouTube.

Secondes au format YouTube h:min:s

Version démonstration

Voici la version de l’application « Secondes YouTube ».

Télécharger le code source Secondes YouTube

Vous trouvez ci-dessous le code source de mise en oeuvre de la conversion des secondes au format h:min:s.

Ce code source est accompagné du fichier fla avec l’ensemble des composants du Framework AS3 Facile.

Télécharger “Secondes to YouTube h:min:s”

secondToMin.zip – Téléchargé 622 fois – 131,02 Ko

Comment effectuez-vous vos conversions de secondes ?

Il existe une multitude de solutions pour convertir des secondes au format h:min:s.

Partagez vos fonctions et codes ActionScript dans les commentaires ci-dessous.

Comment ajouter un Player Vidéo en moins de 5 minutes dans votre application flash ?

1 question

Écrit le 10 février par Matthieu
Publié dans le(s) sujet(s) Framework AS3

Une question qui revient souvent : la création d’un player vidéo.

Comment lire une vidéo avec flash ?

Justement, Adobe Flash a développé un Framework Open Source pour simplifier l’utilisation des médias 😉

Il s’agit d’OpenSourceMediaFramework ou plus communément appelé OSMF.

Ce nouveau tutoriel ActionScript vous apprend à mettre en oeuvre OpenSourceMediaFramework dans vos applications flash.

Le Framework OSMF étant extrêmement complet en terme de fonctionnalités, il y aura plusieurs tutoriels flash dédiés à OSMF.

Des tutoriels sur l’intégration d’autres types de média (comme des images, de la musique), l’utilisation des plugins…

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • Intégrer OSMF en moins de 5 minutes dans votre application flash.
  • Les différentes techniques pour utiliser la librairie OpenSourceMediaFramework.
  • Comment ajouter des informations sur la vidéo, la progression du chargement, la durée écoulée…
  • Les astuces pour personnaliser OSMF avec vos graphismes.
  • Comment ajouter vos boutons de contrôles, l’avance rapide…
  • Un exemple pratique sur l‘implémentation d’OSMF dans vos applications flash.

Avec ce tutoriel flash, vous utilisez le framework OSMF dans vos applications flash.

L’OpenSourceMediaFramework

Version démonstration

Voici la version de l’application « OpenSourceMediaFramework ».

Télécharger le code source OSMF

Vous trouvez ci-dessous le code source complet de la mise en oeuvre d’OpenSourceMediaFramework pour créer un player vidéo.

Le fichier zip contient également la version 1.6 (Flash Player 10) d’OSMF (librairie OSMF1_6_FP10.swc).

Ce code source est accompagné du fichier fla avec l’ensemble des composants du Framework AS3 Facile.

Télécharger “OSMF part 1”

OpenSourceMediaFramework-part1.zip – Téléchargé 637 fois – 629,08 Ko

Consultez le site officiel OpenSourceMediaFramework.

Téléchargez la dernière version d’OSMF.

Utilisez-vous votre propre player vidéo, OpenSourceMediaFramework ou un autre framework ?

Si vous aussi, vous utilisez OSMF, je serais curieux de voir vos lecteurs vidéos.

Partagez les codes source de vos lecteurs vidéos dans les commentaires ci-dessous.

Appliquer le modèle évènementiel d’ActionScript 3 dans vos applications en 3 étapes

Commentaires fermés sur Appliquer le modèle évènementiel d’ActionScript 3 dans vos applications en 3 étapes

Écrit le 8 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

La série des cours ActionScript Facile continue suite à vos nombreuses questions !

L’ActionScript 3 est un langage de POO : Programmation Orientée Objet. De plus, il intègre un système évènementiel avancé permettant de déclencher différentes actions.

Ce nouveau tutoriel ActionScript vous apprend à tirer parti du Modèle de Conception Observateur. Et surtout à l’implémenter, dès maintenant dans vos applications flash.

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • Comment fonctionne le système évènementiel d’ActionScript 3.
  • Comment un exemple de la vie de tous les jours illustre la mise en oeuvre du Modèle de Conception Observateur.
  • L’astuce pour utiliser les images de la bibliothèque d’Adobe Flash directement à partir du code ActionScript (via BitmapData).
  • La technique pour utiliser la notion d’évènement dans une application Adobe Flash.
  • Un exemple pratique sur l‘implémentation des évènements dans vos applications flash.

Avec ce tutoriel flash, vous utilisez la puissance des évènements pour lancer des actions dans vos applications flash.

Le Modèle de Conception Observateur

Version démonstration

Voici la version de l’application « Contrôle Animation ».

Télécharger le code source Observateur

Vous trouvez ci-dessous le code source complet pour utiliser les évènements dans vos applications flash.

Ce code source est accompagné du fichier fla avec l’ensemble des composants du Framework AS3 Facile.

Télécharger “Modèle de Conception Events”

pattern-events.zip – Téléchargé 602 fois – 501,50 Ko

Comment implémentez vous le modèle de conception Observateur dans vos applications ?

Est ce que vous utilisez un Framework (AS3 Signals, Vegas, Pixlib, PureMVC), votre propre Framework ?

Partagez votre code, vos retours d’expériences dans les commentaires ci-dessous.

Les 5 étapes pour contrôler une animation flash avec ActionScript

Commentaires fermés sur Les 5 étapes pour contrôler une animation flash avec ActionScript

Écrit le 5 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

La série des cours ActionScript Facile continue suite à vos nombreuses questions !

Comment contrôler une animation flash à partir de l’ActionScript. Et inversement, comment une animation flash peut informer ActionScript d’une action à exécuter !

Ce tutoriel ActionScript vous permet de créer une animation d’une Terre qui tourne, tout en envoyant des informations à ActionScript.

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • La technique pour créer vos animations avec Adobe Flash.
  • Comment utiliser à bon escient les images clés, les étiquettes pour vos animations.
  • 2 astuces pour contrôler vos animations flash directement à partir du code ActionScript.
  • L’utilisation de l’évènement ENTER_FRAME afin que vos animations flash informent ActionScript des actions à exécuter.
  • Les stratégies pour mettre en oeuvre currentFrameLabel, gotoAndStop, play, stop… depuis ActionScript.

Avec ce tutoriel flash, vous contrôlerez vos animations flash depuis ActionScript. De plus, vos animations flash informent en temps réel votre code ActionScript des actions à démarrer.

Contrôler vos animations flash

Version démonstration

Voici la version de l’application « Contrôle Animation ».

Télécharger le code source Contrôle Animation

Vous trouvez ci-dessous le code source complet pour contrôler vos animations flash depuis ActionScript.

Ce code source est accompagné du fichier fla avec l’ensemble des composants du Framework AS3 Facile.

Téléchargez des animations flash sur Flash Kit.com.

Télécharger “Contrôle Animation”

control-animation.zip – Téléchargé 724 fois – 411,23 Ko

Utilisez-vous une autre technique pour contrôler vos animations ?

Il y existe plusieurs solutions pour contrôler une animation flash.

Partagez vos astuces dans les commentaires.

1 seule classe pour déclencher des évènements, des calculs, lancer une animation après un délai de x secondes

Commentaires fermés sur 1 seule classe pour déclencher des évènements, des calculs, lancer une animation après un délai de x secondes

Écrit le 4 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Voici une de vos questions qui revient souvent : comment déclencher des évènements, des calculs, lancer une animation au bout d’un certain délai ?

A travers ce cours ActionScript, vous allez créer une horloge digitale et une autre analogique pour mettre en pratique la notion de « calculs décalés dans le temps ».

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • Un rappel pour créer vos clips dans la bibliothèque Adobe Flash.
  • Les astuces pour utiliser les calques Adobe Flash efficacement, l’ajout d’ombre portée, d’alpha sur une image
  • Et les paramètres indispensables pour utiliser vos graphismes Adobe Flash avec votre éditeur ActionScript préféré.
  • Une stratégie pour contrôler plusieurs clips d’une animation à partir d’une classe ActionScript.
  • Comment optimiser facilement les performances de vos applications flash.
  • Dans quels cas l’utilisation de la classe Timer est adéquate. Et comment mettre en oeuvre la classe Timer.
  • Quel est le type d’applicationonEnterFrame est indispensable.
  • Une technique pour créer une horloge analogique à partir d‘éléments graphiques simples d’un fichier swc.
  • Et plusieurs astuces pour créer une horloge digitale à partir d’un simple champ texte !

Cette formation flash continue la série pour travailler de concert avec Adobe Flash CS et votre éditeur ActionScript (FDT).

Avec ce tutoriel flash, vous serez capable d’appeler des algorithmes, des animations un nombre de fois prédéfinis et au bout d’un délai précis.

Horloge Digitale / Analogique avec Timer

Version démonstration

Voici la version de l’application « Horloge Digitale / Analogique avec Timer ».

Télécharger le code source Horloge Digitale / Analogique avec Timer

Vous trouvez ci-dessous le code source complet pour lancer plusieurs fois des animations / calculs après un délai définis.

Ce code source est accompagné du fichier fla avec l’ensemble des composants du Framework AS3 Facile.

Télécharger “horloge digitale / analogique”

timer-horloge.zip – Téléchargé 704 fois – 243,81 Ko

Et vous, comment créez vous vos horloges ou chronomètres ?

Dans quels cas utilisez-vous onEnterFrame (les millisecondes peut être ?) ?

Partagez ci-dessous vos techniques de calculs du temps dans Flash.

La Méthode en 3 étapes pour utiliser les graphismes d’Adobe Flash avec l’éditeur ActionScript FDT

Commentaires fermés sur La Méthode en 3 étapes pour utiliser les graphismes d’Adobe Flash avec l’éditeur ActionScript FDT

Écrit le 3 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Beaucoup d’utilisateurs d’Adobe Flash rencontrent le même problème :

Comment créer des graphismes dans Adobe Flash et surtout comment utiliser ces graphismes directement avec un éditeur ActionScript performant.

Ce tutoriel ActionScript, relie Adobe Flash CS et FDT, avec un nouvel exemple pour affecter une couleur aléatoire à un clip.

Voici ce que vous allez mettre en pratique suite à cette formation Flash :

  • La technique pour créer vos clips dans la bibliothèque Adobe Flash.
  • Comment utiliser le nuancier pour ajouter des effets de transparence.
  • Une astuce pour ajouter plusieurs couleurs dans un élément graphique.
  • Une technique pour ajouter des effets d’ombre, de relief sur une clip complet.
  • Ce qu’il faut absolument paramétrer pour utiliser vos graphismes Adobe Flash avec votre éditeur ActionScript préféré.
  • Une technique pour ajouter plusieurs fois le même clip graphique sur la scène et donner à chacun un comportement différent.
  • Comment affecter une couleur aléatoire, sur un movieclip, une animation…, avec la classe ColorTransform .
  • Comment convertir rapidement un nombre décimal en hexadécimal.

Cette formation flash vous apprend comment travailler de concert avec Adobe Flash CS et votre éditeur ActionScript (FDT).

Vous pouvez ainsi travailler en équipe, avec d’un côté un designer pour créer les graphismes dans Adobe Flash CS. Et de l’autre côté, un développeur crée le code ActionScript.

Le tout donne vie rapidement à une application flash optimisée 😉

Les graphismes Adobe Flash et l’éditeur ActionScript

Version démonstration

Voici la version de l’application « ColorTransform ».

Télécharger le code source couleur aléatoire

Vous trouvez ci-dessous le code source complet pour utiliser les graphismes d’Adobe Flash CS avec un éditeur ActionScript.

Il y a également l’exemple de changement de couleur d’un clip avec la classe ColorTransform.

Télécharger “ColorTransform”

couleur-transparence-colorTransform.zip – Téléchargé 524 fois – 101,54 Ko

Et vous, comment travaillez vous à plusieurs sur le même projet ?

Quelles solutions utilisez-vous, pour travailler tous ensemble, sur le même projet ?

Partagez vos solutions et postez vos applications dans les commentaires ci-dessous.

La technique en 3 lignes de codes pour changer la couleur d’un Display Object en 30 secondes

1 question

Écrit le 1 février par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Certaines applications utilisent plusieurs fois le même élément graphique avec seulement une différence : la couleur !

A travers ce tutoriel flash, vous apprenez une technique pour changer aléatoirement la couleur d’un Display Object.

De plus, vous allez découvrir les astuces ci-dessous :

  • Comment définir la couleur de fond (ou le background) de votre swf en pure ActionScript ou avec la balise embed de flash.
  • La solution pour créer un rectangle de couleur en pure ActionScript.
  • Les outils à utiliser pour debugger une application flash en ligne.
  • Les stratégies pour optimiser l’utilisation des classes Button et UITextField du Framework AS3 Facile.
  • Comment affecter une couleur aléatoire à un Display Object avec la classe Color.

Cette formation flash vous apprend à modifier rapidement la couleur d’un Display Object.

La classe Color et les Display Object

Version démonstration

Voici la version de l’application « Couleur aléatoire ».

Télécharger le code source couleur aléatoire

Vous trouvez ci-dessous le code source complet pour affecter une couleur à un Display Object.

L’archive contient également le fichier fl_package.swc avec la classe Color.

Télécharger “Couleur aléatoire”

couleur-aleatoire.zip – Téléchargé 566 fois – 421,03 Ko

Quelles techniques utilisez-vous pour modifier la couleur d’un Display Object ?

Il existe plusieurs techniques pour modifier la couleur d’un Display Object comme ColorTransformColorMatrix, et bien d’autres…

Rendez-vous dans le prochain tutoriel pour découvrir les autres techniques.

Partagez votre technique de modification de couleur dans les commentaires ci-dessous.