Sujets sur : video

Cours ActionScript 3 ‘video’

Comment lire plusieurs vidéos simultanément, en 2 temps 3 mouvements, dans votre Player Vidéo

Commentaires fermés sur Comment lire plusieurs vidéos simultanément, en 2 temps 3 mouvements, dans votre Player Vidéo

Ecrit le 25 février par Matthieu
Publié dans le(s) sujet(s) Framework AS3

Et voici la suite des tutoriels flash dédiés à Open Source Média Framework ou plus communément appelé OSMF.

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 permet de lire plusieurs vidéos en simultanées dans votre Player Vidéo OSMF !

Le Framework OSMF permet d’implémenter énormément de fonctionnalités dans votre Player Vidéo, il y aura donc d’autres tutoriels flash dédiés à OSMF.

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

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

  • Des nouvelles techniques pour utiliser la librairie OpenSourceMediaFramework.
  • Comment lire plusieurs vidéos en parallèles avec OSMF (des vidéos en streaming et en chargement progressif).
  • Comment ajouter des informations sur la vidéo en cours de lecture comme la durée écoulée…
  • Et toujours des astuces de configuration pour choisir des parties précises des vidéos à lire ( un extrait de 30 secondes par exemple).
  • Comment personnaliser vos boutons de contrôles (lecture, pause, volume), l’avance rapide…
  • Un exemple pratique sur l‘implémentation d’OSMF dans vos applications flash.

Avec ce tutoriel flash, vous créez un player vidéo avec une liste de lecture et l’exécution d’une application flash !

OSMF Lecture de Vidéos en simultanées

Version démonstration

Voici la version de l’application « Open Source Media Framework Lecture simultanées de plusieurs vidéos ».

Télécharger le code source OSMF Vidéos en simultanées

Vous trouvez ci-dessous le code source de l’application Player Vidéo pour lire plusieurs vidéos simultanément.

Le fichier zip contient également la version OSMF 2.0 au format .swc.

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

Télécharger “OSMF Vidéos simultanées”

osmf-part5-video-parallel.zip – Téléchargé 1662 fois – 559,10 Ko

Consultez le site officiel OpenSourceMediaFramework.

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

Utilisez-vous le player vidéo OSMF, le votre fait maison  ou un autre ?

Partagez les fonctionnalités de vos players vidéos ci-dessous.

Créez un Player Vidéo, en 10 minutes, avec une playlist mélangeant Vidéos et application flash

Commentaires fermés sur Créez un Player Vidéo, en 10 minutes, avec une playlist mélangeant Vidéos et application flash

Ecrit le 19 février par Matthieu
Publié dans le(s) sujet(s) Framework AS3

Et voici la suite des tutoriels flash dédiés à Open Source Média Framework ou plus communément appelé OSMF.

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 permet de créer une playlist qui mélange des vidéos et l’exécution d’une application flash directement par OSMF !

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

Des tutoriels sur l’intégration des médias (comme des images, de la musique), 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 créer une liste de lecture avec des vidéos en chargement progressif, en streaming.
  • La technique pour exécuter une application flash directement depuis OSMF.
  • Comment ajouter des informations sur la vidéo en cours de lecture comme la durée écoulée…
  • Les astuces pour choisir des parties précises des vidéos à lire (les 10 premières secondes par exemple).
  • Comment ajouter vos boutons de contrôles (lecture, pause, volume), l’avance rapide…
  • Un exemple pratique sur l‘implémentation d’OSMF dans vos applications flash.

Avec ce tutoriel flash, vous créez un player vidéo avec une liste de lecture et l’exécution d’une application flash !

Open Source Media Framework Playlist Vidéos

Version démonstration

Voici la version de l’application « Open Source Media Framework Playlist Vidéos ».

Télécharger le code source OSMF Playlist Vidéos

Vous trouvez ci-dessous le code source du Player Vidéo avec l’exécution d’une application flash pendant la lecture d’une playlist de vidéos.

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 playlist videos”

osmf-part3-videos-serie.zip – Téléchargé 1663 fois – 671,57 Ko

Consultez le site officiel OpenSourceMediaFramework.

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

Créez votre serveur RTMP de vidéos en streaming avec Amazon S3 et Amazon CloudFront.

Comment utilisez-vous les fonctionnalités d’OSMF ?

Montrez moi vos players vidéo personnalisés avec OSMF.

Et partagez les fonctionnalités que vous avez mis en place avec OSMF.

Ajouter un Player de Vidéos en Streaming, en moins de 5 minutes, dans votre application flash

Commentaires fermés sur Ajouter un Player de Vidéos en Streaming, en moins de 5 minutes, dans votre application flash

Ecrit le 18 février par Matthieu
Publié dans le(s) sujet(s) Framework AS3

Et voici la suite des tutoriels flash dédiés à Open Source Média Framework ou plus communément appelé OSMF.

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 lire une playlist de vidéos en streaming !

Le Framework OSMF étant extrêmement complet en terme de fonctionnalités, il y aura d’autres 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 lire une vidéo en streaming avec OSMF.
  • La technique pour créer une liste de vidéos lues en streaming.
  • Comment ajouter des informations sur la vidéo streaming comme la durée écoulée…
  • Les astuces pour personnaliser OSMF avec vos graphismes.
  • Comment ajouter vos boutons de contrôles (lecture, pause, volume), 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 mettez en place un lecteur de vidéos en streaming, en moins de 5 minutes, dans vos applications flash !

Open Source Media Framework Vidéos Streaming

Version démonstration

Voici la version de l’application « Open Source Media Framework Vidéos Streaming ».

Télécharger le code source OSMF Vidéos Streaming

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 “OSMF Vidéos Streaming”

osmf-streaming.zip – Téléchargé 1746 fois – 629,83 Ko

Consultez le site officiel OpenSourceMediaFramework.

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

Créez votre serveur RTMP de vidéos en streaming avec Amazon S3 et Amazon CloudFront.

Quel lecteur utilisez-vous pour lire vos vidéos en streaming ?

Vous utilisez peut être un player de vidéos en streaming basé sur l’API Youtube ou Dailymotion ou votre player vidéos fait-maison 😉

Partagez vos techniques avec vos classes ActionScript, ci-dessous.

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

Ecrit 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é 746 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.

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

1 question

Ecrit 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é 636 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.

Comment personnaliser le Player Dailymotion en AS3 et utiliser le streaming ? (API Dailymotion)

1 question

Ecrit le 16 août par Matthieu
Publié dans le(s) sujet(s) Cours AS3 |Framework AS3

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.

Télécharger “exemple player video dailymotion.”

ex-player-video-dailymotion.zip – Téléchargé 756 fois – 98,60 Ko

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.

Comment personnaliser le Player YouTube en AS3 et utiliser le streaming ? (API YouTube)

2 questions

Ecrit le 2 août par Matthieu
Publié dans le(s) sujet(s) Cours AS3 |Framework AS3

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.

Télécharger “API YouTube”

ex-you-tube-player.zip – Téléchargé 906 fois – 102,78 Ko

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.

Comment couper une video avec Actionscript 3 (et l’assembler) ?

1 question

Ecrit le 7 juillet par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Une fois de plus, sur le site ByteArray, j’ai trouvé une classe qui pourrait vous être fort utile.

Elle permet de découper une vidéo flv en plusieurs extraits. Ensuite, il est possible d’assembler ces extraits pour les proposer en téléchargement au visiteur.

Et tout cela directement dans l’application flash elle même !

Super intéressant, pour donner à vos visiteurs la possibilité de découper les meilleurs extraits de vos vidéos !

Dans le cours ci-dessous, apprenez à utiliser la classe flv-slicer, couplée avec les composants du Framework AS3 Facile.

Nous allons donc, à partir d’une vidéo, en cours de lecture, créer plusieurs extraits.

Ensuite, via un bouton, il vous sera possible de télécharger un fichier vidéo flv composé des extraits découpés.

FLV Slicer

Version démonstration

Ci-dessous, le résultat dans un swf.

Patientez quelques instants, le temps du chargement du swf (environ 10Mo).

  1. Appuyez sur le bouton « Play / Pause » pour lancer la vidéo.
  2. Puis sur le bouton assembler pour créer les 2 extraits.
  3. Et enfin, appuyez sur le bouton télécharger pour obtenir une vidéo des extraits au format flv.

Télécharger le code source flv slicer

Vous trouverez l’ensemble du code source commenté pour vous aider dans l’intégration de cette fonctionnalité dans vos applications flash.

Télécharger “FLV Slicer”

ex-flv-slicer.zip – Téléchargé 1039 fois – 23,37 Mo

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

Téléchargez le Framework AS3 Facile.

La classe flv-slicer sur bytearray.org.

Montrez-moi vos applications flash qui utilisent FLV Slicer

Je suis curieux de voir vos applications qui utilise cette fonctionnalité intéressante.

Postez vos liens dans les commentaires ci-dessous.