Comparaison de HTML5 et Flash - Comparison of HTML5 and Flash

HTML5 peut être utilisé comme alternative à certaines fonctionnalités d' Adobe Flash . Les deux incluent des fonctionnalités pour la lecture audio et vidéo dans les pages Web . Flash est spécialement conçu pour intégrer des graphiques vectoriels et des jeux de lumière dans une page Web, des fonctionnalités que HTML5 prend également en charge.

Avec l'annonce de la fin de la prise en charge de Flash Player par Adobe le 31 décembre 2020, de nombreux navigateurs Web ne prendront plus en charge le contenu Flash.

"HTML5" dans cet article fait parfois référence non seulement à la spécification HTML5 , qui ne définit pas elle-même les moyens de faire de l'animation et de l'interactivité dans les pages Web, mais aussi à HTML5 et aux normes associées telles que JavaScript ou CSS 3 . L'animation via JavaScript est également possible avec HTML 4.

Tableau de comparaison

Le tableau ci-dessous compare les fonctionnalités de la plate-forme Flash, la spécification HTML5 et les fonctionnalités implémentées dans les navigateurs Web modernes .

Norme HTML5 Fonctionnalités du navigateur Web HTML Fonctionnalités Adobe Flash / AIR
Le rendez vous a commencé Les travaux ont commencé en 2003
Avant-projet à partir de 2011 		N / A Les travaux ont commencé en 1996
Version 1 publiée en 1997
Systèmes d'exploitation de bureau N / A AmigaOS , MorphOS , Apple macOS , Linux , Microsoft Windows Apple macOS , Linux , Microsoft Windows
Systèmes d'exploitation mobiles N / A
Consoles de jeux vidéo N / A
  • PlayStation 3 (Flash 9.1) et PSP (Flash 6)
  • Wii (Flash Lite 3.1, équivalent à Flash 8)
  • Leapster (Flash 5 pour les jeux)
  • Dreamcast (Flash 4)
Prise en charge de l'appareil N / A Accès complet et basé sur les autorisations à la caméra Web , au microphone , à l' accéléromètre et au GPS
Pénétration du marché N / A 82,3% des sites Web (au 28 mars 2020) 4,5 % des sites Web (au 19 avril 2018)
Prise en charge du navigateur N / A 97,5% des installations de navigateur (en février 2020) 29 % des installations de navigateur (en juillet 2019)
Formats graphiques vectoriels N / A Graphiques vectoriels évolutifs (SVG) pris en charge sur ~97 % des navigateurs SWF avec graphiques intégrés et AS3SVGRenderer
Effets bitmap Oui 90+ % de prise en charge des filtres dans CSS3 (par exemple, Glow, Blur, Drop Shadow, Sepia) Oui, appliqué au texte ou aux graphiques (par exemple, Glow, Drop Shadow, Bevel)
Affichage de texte vectoriel Oui Oui Oui, avec le système de type safran
Prise en charge des polices N / A Polices installées et polices personnalisées à l'aide des polices Web CSS 3 Polices installées et polices intégrées
Anti-aliasing du texte N / A Oui, implémenté dans la plupart des navigateurs, pour les polices système et personnalisées Oui, dans la plupart des cas ^2
Taquets de tabulation de texte Non Uniquement pris en charge dans les balises "pré" Oui, avec Text Layout Framework
Mise en page de texte liquide Oui Oui, via la balise "div" et le style CSS Non, mais les champs de texte peuvent être redimensionnés dans ActionScript
Données tabulaires Oui Oui, via la balise "table" Non, mais les champs de texte peuvent être organisés dans une grille
Cadres de texte liés ^1 Depuis 2016, deux spécifications sont en concurrence : CSS Regions et CSS Overflow Avec les régions CSS, prises en charge par Safari, IE11 et Edge Oui, avec Text Layout Framework
Langages de programmation Dépend JavaScript ActionScript , Pixel Bender
Prise en charge de C++ Compilation croisée de code C++ en JavaScript via Emscripten Pris en charge avec WebAssembly Compilation croisée de code C++ à exécuter dans Flash Player via FlasCC AIR possède des extensions natives AIR qui permettent de charger du code natif, tel que du code C++ compilé.
Format de livraison du code Texte en clair JavaScript en clair avec obscurcissement limité , bytecode WebAssembly , GLSL pour les GPU, dans les éléments Canvas bytecode compilé , peut être obscurci
Formats de données Dépend CSS 3, HTML , XML , JSON JSON , XML , sous-ensemble de CSS 1
Compression de données Non Compression GZIP pour les fichiers HTML, JS et CSS LZMA ou DEFLATE pour les fichiers SWF
Formats d'images Dépend PNG , JPEG , SVG , GIF animé PNG , JPEG , JPEG-XR , GIF à une seule image
Formats vidéo Dépend 90+ % de prise en charge de H.264 ; support variable de WebM et Ogg Theora (voir vidéo HTML5 ) H.264, Sorenson Spark et On2 VP6
Vidéo en streaming Oui Pris en charge par IE, Edge, Firefox, Chrome, Safari et Opera. Vidéo Flash , H.264 et prise en charge partielle de MP4
Formats audio Dépend ~94 % de prise en charge de MP3 , AAC et WAV PCM ; prise en charge variable d' Ogg Vorbis et de WebM Vorbis (voir audio HTML5 ) Fichiers audio MP3 , WAV et AAC ou son intégré
Prise en charge plein écran Oui Pris en charge sur tous les principaux navigateurs de bureau, avec avertissement affiché. Pas encore largement pris en charge sur mobile Oui, avec avertissement affiché
Chiffrement DRM Dépend ~65% de prise en charge des fichiers audio/vidéo. Tous les autres fichiers étant en texte brut, à l'exception de l'obscurcissement Non, les fichiers au format binaire peuvent être décompilés, ce qui est de l'obscurcissement
Accès au système de fichiers Dépend Téléchargement de fichier unique et glisser-déposer de fichiers sur le navigateur Prise en charge du téléchargement et de la génération de fichiers uniques,
AIR uniquement : accès complet en création/lecture/écriture au système de fichiers
Manipulation des bitmaps Dépend ~ 95% de prise en charge de l'élément canvas Oui, via la classe BitmapData
Manipulation binaire Oui Oui, via des tableaux typés JavaScript Oui, via la classe ByteArray
Données binaires volumineuses Non Via Web Sockets pour diffuser des données binaires ou autres Oui, données binaires intégrées ou en streaming
Stockage hors ligne Dépend Oui, via le stockage Web , le cookie HTTP ou la base de données indexée pour stocker des données binaires, XML ou JSON Oui, via Local Shared Objects pour stocker les données au format AMF
Métadonnées Balises méta Peut être inclus dans les balises méta Plateforme de métadonnées extensible

Remarques

  1. ^ Permet au texte de déborder dans d'autres zones de texte, utile pour laPAO.
  2. ^ Le texte statique créé via l'éditeur Flashest automatiquement intégré et anticrénelé. Les champs de texte créés via ActionScript nécessitent que les polices soient incorporées manuellement pour que l'anticrénelage fonctionne.

Comparaison

Assistance logicielle

Éclat

À l'origine, les navigateurs Web ne pouvaient pas afficher eux-mêmes les médias Flash et nécessitaient le plug-in propriétaire gratuit Adobe Flash Player . Jusqu'en 2008, il n'existait aucune spécification officielle permettant de créer un lecteur alternatif. Des lecteurs alternatifs ont été développés avant 2008, mais ils prennent en charge Flash dans une moindre mesure que l'officiel. La prise en charge de Flash est intégrée à Google Chrome , Internet Explorer 10 (et versions ultérieures) et Microsoft Edge .

La dernière version d'Adobe Flash Player fonctionne sur Microsoft Windows , Apple macOS , RIM , QNX et Google TV .

Les versions antérieures fonctionnent sur Android 2.2-4.0.x (Flash a été publié pour 4.0, mais Adobe a annoncé qu'ils cesseront de prendre en charge Android 4.1 et versions ultérieures.) (Flash 11.2), Linux (Flash 11.2, à l'exception de Pepper Flash qui est maintenu et distribué par Google, pas Adobe), PlayStation 3 (Flash 9), PSP (Flash 6). Adobe Flash Lite fonctionne sur Wii , Symbian , Maemo Linux, Windows Mobile et Chumby .

Apple n'a jamais autorisé Flash à fonctionner sur iOS , le système d'exploitation qui fonctionne sur iPad , iPhone , iPod Touch et Apple TV . Apple n'avait jamais prévu de le faire, même après qu'Adobe a annoncé la fin de vie de Flash Player en juillet 2017. Apple a officiellement abandonné la prise en charge d'Adobe Flash à partir de la version macOS de Safari 14 publiée le 17 septembre 2020 pour macOS 10.14 Mojave et macOS 10.15 Catalina.

En février 2012, Adobe a annoncé qu'il arrêterait le développement de Flash Player sur Linux pour tous les navigateurs, à l'exception de Google Chrome, en abandonnant la prise en charge de NPAPI et en utilisant uniquement le PPAPI de Chrome . En août 2016, Adobe a annoncé qu'à partir de la version 24, il reprendrait l'offre de Flash Player pour Linux pour d'autres navigateurs. Adobe arrêtera la prise en charge traditionnelle de la plate-forme Flash en 2020, Firefox et Google Chrome suppriment progressivement la prise en charge de Flash.

HTML5

Presque tous les navigateurs Web prennent en charge le HTML et d'autres normes Web à des degrés divers. Adobe a publié un outil qui convertit Flash en HTML5 et, en juin 2011, Google a publié un outil expérimental qui fait de même.

Depuis décembre 2013, les versions de navigateurs tels que Chrome , Firefox , Internet Explorer , Opera et Safari implémentent dans une large mesure HTML5. Cependant, certaines parties de la spécification HTML5 étaient encore implémentées par les fabricants de navigateurs.

Depuis janvier 2015, YouTube utilise par défaut les lecteurs HTML5 pour mieux prendre en charge davantage d'appareils.

Neutralité des fournisseurs

Jusqu'en 2008, l'utilisation de Flash était couverte par des licences restrictives. Les conditions interdisaient l'utilisation de la spécification pour développer tout logiciel (y compris les lecteurs) qui pourrait rendre ou lire (et donc convertir) des fichiers SWF, et exigeaient que les fichiers SWF de sortie soient compatibles avec les lecteurs Adobe.

En 2008, les restrictions d'utilisation des spécifications SWF et FLV/F4V ont été abandonnées et certaines spécifications ont été publiées. Cependant, la "SWF File Format Specification Version 10" ne contenait pas toutes les informations nécessaires, ne contenait pas beaucoup d'informations qui n'étaient pas connues auparavant par la communauté, et elle-même ne pouvait pas être copiée, imprimée en plusieurs exemplaires. , distribué, revendu ou traduit, sans l'approbation écrite d'Adobe Systems Incorporated.

Flash n'est pas un standard ouvert . Il est contrôlé par une seule entreprise, Adobe Systems . En revanche, HTML5 est principalement contrôlé par un comité, le Web Hypertext Application Technology Working Group ( WHATWG ).

Diverses personnes ont félicité Flash au fil des ans pour son rendu cohérent sur toutes les plates-formes. Construire des sites en Flash est un moyen d'empêcher le code fork, par lequel différentes versions d'un site sont créées pour différents navigateurs.

S'exprimant à 'Adobe Max' en 2011, Itai Asseo a également déclaré que, contrairement à HTML5, Flash offre un moyen de développer des applications qui fonctionnent sur plusieurs plates-formes. HTML5, a-t-il dit, est actuellement implémenté différemment (voire pas du tout) par différents navigateurs. Bien que le plug-in de navigateur Flash ne soit pas pris en charge sur Apple iPhone OS, les applications Flash peuvent être exportées vers Adobe AIR, qui s'exécute sur ce système d'exploitation en tant qu'application native. Dans le même discours, M. Asseo a déploré le retour à une autre guerre des navigateurs (comme on l'a vu à la fin des années 1990). Si Flash tombe en disgrâce, a-t-il déclaré, les développeurs Web devront soit développer de nombreuses versions différentes de leurs sites Web et applications natives pour prendre en compte les différentes implémentations HTML5, soit refuser l'accès aux navigateurs qui ne prennent pas en charge leur version de HTML, soit considérablement réduire les fonctionnalités de leurs sites afin de fournir du contenu au navigateur le moins avancé.

Création

La construction de sites Web Flash à l'aide des outils Adobe est relativement plus simple qu'avec des environnements de développement intégrés pour CSS, HTML et JavaScript ; cependant, de nombreux outils d'Adobe sont des logiciels coûteux et propriétaires .

En 2011, Adobe a publié un outil de conversion Flash vers HTML5 pour le contenu existant

Parce que HTML5 est un format ouvert, des outils comme ceux de Flash peuvent également être construits pour cela. Des applications comme Hype et Adobe Edge sont déjà sur le marché.

Performance

Voir aussi : Adobe Flash § Performances

Flash a de meilleures performances que HTML, car une comparaison de Flash avec HTML en 2010 a classé Flash comme étant plus rapide que les autres technologies, lorsqu'elles sont utilisées pour des animations non vidéo, bien qu'elles soient en train de rattraper leur retard.

Certains utilisateurs, plus encore ceux sur macOS et Linux , se sont plaints de l'utilisation relativement élevée du processeur de Flash pour la lecture vidéo. C'était en partie parce que le plugin Flash n'utilisait pas le GPU pour rendre la vidéo. Adobe a répondu à certaines de ces critiques dans les versions 10.1 et 10.2 du plugin Flash en déchargeant le décodage vidéo H.264 sur du matériel dédié et en introduisant une nouvelle API vidéo appelée Stage Video. L'utilisation du nouveau ActionScript 3.0 dans les animations Flash au lieu de l'ancien ActionScript 2.0 améliore la vitesse d'exécution du code d'un facteur d'environ 10. Les routines logicielles écrites par les développeurs peuvent également affecter les performances des applications construites en Flash, des raisons qui affecteraient les animations HTML5 également.

GDN

Flash inclut la prise en charge des DRM . La principale norme HTML 5 n'inclut aucune fonctionnalité de gestion des droits numériques directement, mais la spécification Encrypted Media Extensions (EME) décrit l' interface d'application (API) pour le canal de communication entre les navigateurs Web et le logiciel agent de gestion des droits numériques (DRM).

Historiquement, avant l'introduction d'EME, les implémentations pouvaient prendre en charge les DRM, par exemple dans les codecs . La proposition d'ajouter des fonctionnalités DRM à HTML5 lui-même a été critiquée par ceux qui considèrent l'ouverture et la neutralité des fournisseurs (à la fois côté serveur et côté client) comme l'une des propriétés les plus importantes du HTML, car DRM est incompatible avec les logiciels libres , et dans le la forme proposée n'est potentiellement pas plus neutre vis-à-vis du fournisseur que les plug-ins propriétaires comme Flash.

Accessibilité

Les textes Flash et HTML peuvent être lus par les lecteurs d'écran. Cependant, des précautions particulières doivent être prises pour s'assurer que les animations Flash sont lues correctement. Par exemple, si une animation Flash est configurée pour se répéter indéfiniment, un lecteur d'écran peut répéter le contenu à l'infini. La sélection de la case à cocher « Rendre l'objet accessible » dans Adobe Flash Professional créera une version texte uniquement de l'objet pour les lecteurs d'écran. Il masquera également tout mouvement du lecteur d'écran. Étant donné que le contenu Flash est généralement placé sur une seule page Web, il apparaît comme une seule entrée dans les pages de résultats des moteurs de recherche, à moins que des techniques telles que les liens profonds ne soient utilisées avec des bibliothèques telles que SWFAddress pour fournir plusieurs liens dans les sites Web et les applications Web Flash. Les widgets de l'interface utilisateur dans les objets Flash ne se comportent pas toujours comme leurs homologues natifs de l'hôte. Le clavier, la souris et les autres raccourcis d'accessibilité peuvent ne pas fonctionner à moins que le développeur de la page Web n'en ajoute explicitement la prise en charge.

Moteurs de recherche

Le contenu Flash et le contenu HTML peuvent être indexés par Google, Yahoo! et Bing, bien que le texte bidirectionnel (par exemple, l' arabe , l' hébreu ) ne soit pas pris en charge par Google. Yahoo! a ajouté la prise en charge de l'indexation des sites Flash en 2008, bien que Google ait pu les indexer plusieurs années auparavant. Bing a ajouté la prise en charge des sites Flash en 2010.

Appareils iOS

Article détaillé : Controverse Apple et Adobe Flash

Apple a fait la promotion de HTML5 comme alternative à Flash pour les vidéos et autres contenus sur iOS, citant des raisons de performances pour ne pas autoriser l' installation d' Adobe Flash Player sur les appareils iOS, y compris l' iPhone , l' iPod touch et l' iPad . Les applications Flash peuvent être empaquetées en tant qu'applications iOS natives via Adobe Integrated Runtime et iOS Packager.

Voir également

Remarques

Les références

Liens externes