Contenu
- Bases de la plateforme Flash
- Notions de base de la plateforme HTML5
- Conversion de projets Flash en HTML5
- Edge, un nouvel outil de développement pour HTML5
- Conversion de YouTube en HTML5
- L'héritage de Flash
À emporter:
Flash ne va pas bientôt disparaître, mais de nombreux experts pensent qu'il sera éventuellement remplacé par HTML5. Découvrez ce que cette transition signifiera pour les entreprises et les développeurs fortement investis dans Flash.
En novembre 2011, Adobe a annoncé qu'il arrêterait le développement de Flash Player pour les appareils mobiles après la sortie de Flash Player 11.1 pour les appareils Android et de BlackBerry Playbook, préférant se concentrer sur les outils permettant de créer des applications HTML5 pour les appareils mobiles. Même si Adobe a réitéré sa prise en charge de Flash Player pour les navigateurs d'ordinateurs personnels, nombreux sont ceux qui pensent que ce n'est qu'une question de temps avant qu'Adobe cesse également de prendre en charge la version PC. C'est une mauvaise nouvelle pour les entreprises qui investissent énormément dans les applications Flash, ainsi que pour les développeurs qui ont investi du temps dans l'acquisition des compétences de programmation nécessaires à la création d'applications Flash.Examinons certaines des différences entre Flash et HTML5 et fournissons des conseils et des outils pour faciliter la transition entre ces deux plates-formes.
Bases de la plateforme Flash
Flash est souvent utilisé comme terme générique pour désigner une plate-forme propriétaire d'Adobe composée des composants suivants:- Flash: un outil utilisé principalement pour concevoir et créer des animations
- Flex: environnement de développement utilisé pour créer des applications, y compris un kit de développement logiciel (SDK)
- MXML: langage de balisage utilisé dans les projets Flash
- ActionScript: un langage de script
Flash utilise les principaux formats de fichier suivants:
- .fla: fichier de projet Flash
- .flv: fichier vidéo Flash
- .swf: fichier d'application Flash / Flex compilé pouvant contenir des fichiers .flv
Notions de base de la plateforme HTML5
HTML5 est une plate-forme standard ouverte composée des éléments suivants:- HTML5: langage de balisage utilisé pour créer des pages Web
- Cascading Style Sheets 3 (CSS3): langage de feuille de style utilisé pour spécifier le formatage des objets sur une page Web HTML5
- API (Application Programming Interfaces): API prenant en charge des fonctionnalités telles que la messagerie par glisser-déposer et la messagerie entre documents
- JavaScript: langage de script utilisé avec HTML5 pour activer l'animation
Les formats de fichier HTML5 sont les suivants:
- .htm / .html: fichier de page Web HTML5
- .css: fichier de feuille de style CSS3
- .mp4: fichier vidéo MPEG 4 avec codec vidéo H.264 et codec audio AAC
- .webm: fichier vidéo WebM avec codec vidéo VP8 et codec audio Vorbis
- .ogg: fichier vidéo Ogg avec le codec vidéo Theora et le codec audio Vorbis
Conversion de projets Flash en HTML5
La conversion manuelle d'un projet Flash complexe en HTML5 est un processus fastidieux et fastidieux, en raison des différences de plate-forme. Le développeur doit convertir les animations créées avec Flash et ActionScript en HTML5 et JavaScript. Heureusement, il existe quelques outils permettant d’automatiser la conversion de Flash en HTML5.Adobe a publié Wallaby, un outil expérimental téléchargeable gratuitement sur le site Web d'Adobe Labs. Wallaby prend en entrée un fichier de projet Flash (.fla) et exporte HTML5 et prend en charge les fichiers CSS et JavaScript. Toutefois, les notes de publication de Wallaby contiennent une liste assez longue de fonctionnalités non converties, les plus importantes étant ActionScript, les films et le son. Wallaby est un outil limité principalement conçu pour convertir du contenu graphique animé en HTML5 afin de l'intégrer à des pages Web à l'aide d'un outil de conception de pages Web.
Google Labs a publié Swiffy, un outil gratuit basé sur le Web qui convertit un fichier d’application Flash compilé (.swf) en HTML5. La sortie peut ensuite être intégrée dans une page Web, mais il est difficile pour un développeur de la modifier. Comme Wallaby, Swiffy ne convertit pas toutes les fonctionnalités Flash. Swiffy prend en charge la conversion ActionScript, mais uniquement la version 2.0 (ActionScript est actuellement à la version 3.0). La sortie Swiffy s’exécute uniquement sur les navigateurs prenant en charge le format SVG (Scalable Vector Graphics).
Edge, un nouvel outil de développement pour HTML5
Alors que HTML5 devient la plate-forme de choix, de nouveaux outils font leur apparition pour fournir des environnements de conception et de développement intégrant HTML5, CSS3 et JavaScript.En août 2011, Adobe a publié une version préliminaire de l'outil de développement Edge. Edge permet à un concepteur de créer des animations HTML5 et de les ajouter à des projets HTML5 existants. Les concepteurs Flash reconnaîtront certains éléments familiers de l'interface utilisateur Edge, notamment la scène, la fenêtre de propriétés et la chronologie de l'animation. Cependant, Edge génère des fichiers CSS et JavaScript et son contenu d'animation est stocké dans une structure de données JSON (JavaScript Object Notation).
Au moment d'écrire ces lignes, Edge prévoyait la publication de sa quatrième version préliminaire. De nouvelles fonctionnalités sont ajoutées à chaque version.
Conversion de YouTube en HTML5
L'un des signes du passage à HTML5 est que YouTube offre désormais la possibilité d'utiliser un lecteur vidéo HTML5 pour visionner des vidéos.Avant de proposer l'option HTML5, toutes les vidéos YouTube étaient diffusées via un lecteur vidéo Flash. Les utilisateurs peuvent télécharger des fichiers vidéo dans presque tous les formats et YouTube convertit ensuite chaque vidéo au format Flash (.flv) requis.
YouTube encode également les vidéos avec le codec vidéo H.264 et le format WebM pour la diffusion au format HTML5. Pour visionner des vidéos au format HTML5, vous devez disposer d'un navigateur prenant en charge la balise vidéo HTML5 et d'un format vidéo utilisé par YouTube.