Passer de Flash à HTML5

Auteur: Robert Simon
Date De Création: 22 Juin 2021
Date De Mise À Jour: 1 Juillet 2024
Anonim
Passer de Flash à HTML5 - La Technologie
Passer de Flash à HTML5 - La Technologie

Contenu


À 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
Pour exécuter une application Flash dans un navigateur Web, le plug-in Flash Player doit être téléchargé. Alternativement, une application Flash peut être compilée pour s'exécuter dans l'environnement d'exécution du bureau Adobe AIR. Encore une fois, Adobe AIR doit être installé sur l'ordinateur de l'utilisateur pour qu'une application AIR puisse s'exécuter.

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
L'un des avantages de HTML5 est qu'il s'exécute de manière native sur les navigateurs Web et ne nécessite pas de plug-in. Toutefois, pour fonctionner correctement, un navigateur doit prendre en charge les fonctionnalités HTML5 et CSS3 pour une page Web HTML5. Les principaux navigateurs ont différents niveaux de prise en charge pour HTML5 et CSS3 et la mise en œuvre n'est pas terminée. JavaScript est presque universellement supporté par les navigateurs; Cependant, les utilisateurs ont la possibilité de «désactiver» JavaScript. Dans ce cas, les scripts côté client créés avec JavaScript ne sont pas exécutés.

Les formats de fichier HTML5 sont les suivants:
  • .htm / .html: fichier de page Web HTML5
  • .css: fichier de feuille de style CSS3
Depuis 2011, la spécification HTML5 actuelle ne spécifie pas les formats de fichiers vidéo pris en charge, laissant à chaque navigateur le choix du format à prendre en charge. Les formats actuellement pris en charge sont les suivants:
  • .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.

L'héritage de Flash

Comme indiqué précédemment, Adobe poursuit actuellement le développement de la version PC de Flash Player. Même si Adobe ne prend plus en charge Flash Player à l'avenir, les applications Flash existantes continueront d'être prises en charge sur le Web, probablement pendant des années. Flash ne disparaît donc pas de sitôt. Des outils sont disponibles pour convertir les applications Flash en applications HTML5, mais ils ne prennent actuellement pas en charge la conversion de toutes les fonctionnalités de Flash. À mesure que le standard HTML5 devient dominant, il est probable que les outils de conversion de fichiers Flash deviennent plus sophistiqués et que de nouveaux outils soient créés pour développer du contenu avec la plate-forme HTML5.