$ 9.00

Tuto widget capture webcam avec Flash, ActionScript

$ 9.00

  • Une formation vidéo de 2h21m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto Flash ActionScript de plus de 2 heures, nous allons développer une application nous permettant de capturer l'image d'une webcam, cette image sera ensuite convertie au format JPEG et ceci grâce à la classe JPEGEncoder de Thibault Imbert. Une fois convertie, l'image pourra être ensuite enregistrée.

Cette application Flash comporte aussi un système d'info-bulle assez complet, utilisé pour guider l'utilisateur pendant la lecture de l'application.

Voici la liste des classes utilisées pour le développement de cette application:

  • Pour la vidéo : Video, Camera
  • Pour l'image ByteArray, Bitmap et BitmapData
  • La liaison php : URLRequest, navigateToURL, FileReference, URLRequestHeader,URLRequestMethod
  • Les classes de bases : Loader, MovieClip, StageAlign, StageScaleMode, MouseEvent, Event
  • Les classes annexes : JPEGEncoder de Thibault imbert (dispo ICI ) et TweenMax de greensock (dispo ICI  ) tuto gratuit pour l'install et l'utilisation : ICI )

Voici l'ensemble des éléments présent dans cette application :

  • Écrans de captures : pour la webCam et pour la copie Bitmap
  • Deux boutons pour la copie et l'enregistrement de l'image (+ effets lumineux )
  • Info-bulle dynamique (apparition et mouvements gérés via la classe TweenMax)
  • Encodage de l'image au niveau du bit (rapidité et légerté)

Voici ce que nous passerons en revue dans cette formation:

I) Mise en place de l'application

  • Création des éléments de base (background, etc)
  • Création des écrans de controls (webcam et image)
  • Création des boutons, mise en place des effets lumineux (masques), ajout de filtres.
  • Mise en place des finissions: reflet, cadre, copyright.

    
II)Mise en place de la classe Capture.as

  • Ajout de l'ensemble des import du projet (classe par classe)
  •  Regroupement et déclaration des variables et constantes du projet
  •  Initialisation de l'application  : 
  • __________ ? initialisation de la caméra
  • __________ ? mise en place du Bitmap
  • __________ ? création et mise en place de l'info-bulle
  • Mise en place des écouteurs liés au MouseEvent
  • Regroupement des actions lié au curseur dans une fonction
  • Gestion de la sortie de l'info-bulle (animé via TweenMax)
  • Gestion du mouvement & des titres de l'info-bulle (en fonction de l'objet survolé)
  • Gestion de la capture (copie de la vidéo, récupération des bitmapData)
  • Mise en place de la fonction d'enregistrement de l'image :
  • __________ ? Mise en place de l'encodage (via JPEGEncoder)
  • __________ ? Récupération des données depuis un bytesArray
  • __________ ? Gestion php (header, transfère de bytes, méthode et data)
  • __________ ? Gestion de la prondeur de l'info-bulle

    
III)Autre:

  • Nous passerons brièvement en revue le contenu du fichier encode.php
  • Pour la classe JPEGEncoder, nous verrons où trouver les bons fichiers et comment les utiliser, puis nous y ferons quelques modifications.

    
VI) Les fichiers sources:

  • Les fichiers captureCam swf et fla pour flash cs3 et cs4
  • Le fichier html avec détection du flash player
  • La classe JPEGEncoder (légèrement modifié)
  • La classe principale Capture.as
  • Le fichier encode.php utiliser pour l'enregistrement

Table des matières de cette formation Flash, ActionScript (durée : 2h21m)

    • Widget capture webcam 01:10:43
    • Widget capture webcam 01:10:30



Formateur : Grégory Nicolle

Grégory Nicolle a publié 57 tutoriels et obtenu une note moyenne de 4,0/5 sur 3 263 tutoriels vendus. Voir les autres formations de Grégory Nicolle

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de ZaToMaSo laissé le 19/06/2010
    Salut Artkabis, On se complète plutôt bien alors, le php c'est ce que je maitrise ;) Sinon oui, j'ai réussi le concours et je vais intégrer l'école à la rentrée prochaine (sous réserve de trouver une entreprise pour l'alternance). J'ai utilisé ton appli pour un "générateur de cartes de visite" : je me sers de ton appli pour prendre une photo avec la webcam, et avec une petite retouche dans ton code, je la stocke sur le serveur au lieu de donner le choix de la télécharger. Ensuite, il y a un formulaire pour entrer ses nom, prénom, mail et job, et lors de l'envoi du formulaire je récupère les infos et des éléments graphiques (png et jpeg) dans un dossier de "thème", et en utilisant la librairie GD avec php, je créé une carte de visite en fusionnant le tout. Un ptit truc bien sympa, surtout pour apprendre les interactions entre php et AS3 ! ;)

  • 5
    avis de ZaToMaSo laissé le 08/05/2010
    Bonjour artkabis, Merci pour ce tuto original qui je trouve est très bon !! Ce n'est pas le premier que je regarde venant de toi, et j'apprécie la bonne humeur que tu propages tout au long de ceux-ci ! Juste une petite chose qui cloche : dans encode.php, tu captes bien un flux binaire JPEG, mais tu lui indique le dénominateur PNG avec imagepng($im) ... Ce qui fait que des logiciels de retouche ne voudront pas forcément éditer l'image. Je vais le personnaliser et l'intégrer dans un petit projet que je me suis fixé, espérons que le tout (+ mes autres projets) soient suffisamment probants pour la finale d'un concours qui m'attend (Gobelins) ... @+ sur un autre de tes tutos !

accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement