Content deleted Content added
Purplneon486 (talk | contribs) mNo edit summary |
TheMainLogan (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
(49 intermediate revisions by 33 users not shown) | |||
Line 1:
{{short description|None}}
[[HTML5]] can be used as an alternative to some of the functionality of [[Adobe Flash]].<ref name="nyt_amazon">{{cite web▼
{{Update|date=February 2022|reason=Flash is no longer supported}}
▲Modern [[HTML5]]
|title=Amazon to Introduce Web-Based Book Previews
|last=Bilton
Line 7 ⟶ 11:
|url=http://bits.blogs.nytimes.com/2010/06/30/amazon-to-launch-web-based-book-previews/
|date=June 30, 2010
|
}}</ref> Both include features for playing audio and [[video]] within [[web page]]s
|people=James Williamson
|title=What HTML5 is (and what it isn't)
Line 20 ⟶ 24:
|medium=Online video
|url=http://www.lynda.com/home/DisplayCourse.aspx?lpk2=67161
}}</ref> "HTML5" in this article sometimes refers not only to the [[HTML5]] specification, but to HTML5 and related standards like [[SVG]], [[JavaScript]]
Animation via JavaScript is also possible with HTML 4.
==Comparison table==
Line 35 ⟶ 41:
| Work began in 2003 <br/> Working Draft as of 2011<ref>{{cite web
|title=HTML Current Status
|date=21 December 2023
|publisher=[[World Wide Web Consortium]]
|url=http://www.w3.org/standards/techs/html#w3c_all
}}</ref>
| {{n/a}}
| Work began in 1996
|-
! Desktop operating systems
Line 57 ⟶ 56:
| {{n/a}}
| {{yes|
* [[Android (operating system)|Android]] 2.3 and newer<ref name="html5phones">[http://html5test.com/results/mobile.html Mobile HTML5 Support] {{Webarchive|url=https://
* Apple [[iOS]] 6 and newer<ref name="html5phones"/>
* [[ChromeOS]]
* [[Symbian]] Belle<ref name="html5phones"/>
* [[BlackBerry]] OS 7 and 10<ref name="html5phones"/>
* [[Windows Phone]] 7 and newer<ref name="html5phones"/>|}}
|}}▼
| {{terminated|<!-- Please do NOT specify unofficial versions! -->
* [[Android (operating system)|Android]] 2.1 to 4.1<ref>{{cite magazine |first=Daniel |last=Ionescu |title=Flash Player 11.1 Arrives for Android Ice Cream Sandwich |magazine=PC World |url=http://www.pcworld.com/article/246362/flash_player_11_1_arrives_for_android_ice_cream_sandwich.html |
* Apple [[iOS]] (Adobe AIR only)<ref>{{cite web|url=https://forums.adobe.com/thread/1679699|title=1/13/2015 - Release - AIR 16 Runtime and SDK - Adobe Community|website=forums.adobe.com|date=13 January 2015}}</ref>
* [[BlackBerry 10]] (up to OS 10.3.0)<ref>{{cite web |title=BlackBerry Knowledge Base explains the removal of Adobe Flash from OS 10.3.1 |date=30 December 2014 |publisher=Crackberry |url=http://crackberry.com/blackberrys-official-comments-removal-adobe-flash-os-1031 |
* [[BlackBerry Tablet OS]]<ref>{{cite web |title=Adobe enables 3D games with Flash Player 11 and AIR 3 - Major advancements for gaming, media and more |date=21 September 2011 |publisher=Crackberry |url=http://crackberry.com/adobe-enables-3d-games-flash-player-11-air-3 |
* [[Windows RT]]
|}}
Line 74 ⟶ 73:
| {{n/a}}
| {{yes|
* [[PlayStation]] ([[PlayStation 4|PS4]], [[PlayStation 3|PS3]] and [[PlayStation Vita|PS Vita]])<ref name="html5consoles"/><ref>{{cite web |url=http://totalrevue.com/ps3-receives-4-10-firmware-update-browser-html5-support/ |title=totalrevue.com |publisher=totalrevue.com |url-status=dead |
* [[Nintendo Switch]] and [[Wii U]]<ref>{{cite web|url=http://www.neowin.net/news/nintendo-html5-support-for-wii-u-browser-but-no-flash |title=Nintendo: HTML5 support for Wii U browser, but no Flash |publisher=Neowin |
* [[Nintendo 3DS]] family (partial)<ref name="html5consoles"/>
* [[Xbox One]] and [[Xbox 360]]<ref name="html5consoles"/><ref>{{cite web|url=http://www.gamasutra.com/blogs/SteveFulton/20121023/179970/Xbox_360_Internet_Explorer_Plays_HTML5_GamesBut_Not_Flash.php |archive-url=https://web.archive.org/web/20121025233632/http://www.gamasutra.com/blogs/SteveFulton/20121023/179970/Xbox_360_Internet_Explorer_Plays_HTML5_GamesBut_Not_Flash.php |url-status=dead |archive-date=October 25, 2012 |title=Steve Fulton's Blog - Xbox 360 Internet Explorer Plays HTML5 Games...But Not Flash |website=Gamasutra |date=2012-10-23 |
|}}
| {{terminated|
Line 92 ⟶ 91:
! Market penetration
| {{n/a}}
| {{depends|82.3% of websites (as of March 28, 2020)}}<ref>{{cite web|title=Usage statistics of HTML5 for websites|url=https://w3techs.com/technologies/details/ml-html5|
| {{Terminated|4.5% of websites (as of April 19, 2018)<ref>{{cite web |last1=Cimpanu |first1=Catalin |title=Flash Used on 5% of All Websites, Down From 28.5% Seven Years Ago |url=https://www.bleepingcomputer.com/news/software/flash-used-on-5-percent-of-all-websites-down-from-285-percent-seven-years-ago/ |website=BleepingComputer |
|-
! Browser support
| {{n/a}}
| {{yes|97.5% of browser installations (as of February 2020)<ref>{{cite web|url=https://www.w3counter.com/trends|publisher=Awio Web Services|work=W3Counter|
| {{depends|29% of browser installations (as of July 2019)<ref>{{cite web|url=https://www.zdnet.com/pictures/2019s-tech-security-and-authentication-trends/2/|last=Cimpanu|first=Catalin|
|-
! Vector graphics formats
Line 107 ⟶ 106:
! Bitmap effects
| {{yes}}
| {{yes|90+%<ref name="caniusefilters">{{cite web|url=http://caniuse.com/css-filters|title=Can I use CSS Filter Effects|website=caniuse.com}}</ref> support of Filters in CSS3 (e.g. Glow, Blur, Drop Shadow, Sepia)<ref>{{cite web|last=Danilo |first=Alex |url=http://www.html5rocks.com/en/tutorials/filters/understanding-css/ |title=Understanding CSS Filter Effects |publisher=HTML5 Rocks |date=2012-05-25 |
| {{yes}}, applied to text or graphics (e.g. Glow, Drop Shadow, Bevel)<ref>{{cite web|url=http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filters/BitmapFilter.html |title=BitmapFilter - Adobe ActionScript 3 (AS3 ) API Reference |publisher=Help.adobe.com |date=2014-05-28 |
|-
! Vector text display
Line 118 ⟶ 117:
| {{n/a}}
| {{yes|Installed fonts and custom fonts using [[Web typography|CSS 3 web fonts]]}}
| {{yes|Installed fonts and embedded fonts}}<ref>{{cite web|author=Peter deHaan|title=Embedding fonts.|url=https://www.adobe.com/devnet/flash/quickstart/embedding_fonts.html|
|-
! Text [[Spatial anti-aliasing|anti-aliasing]]
| {{n/a}}
| {{yes}}, implemented in most browsers, for system and custom fonts
| {{yes}}, in most cases
|-
! Text [[tab stop]]s
Line 140 ⟶ 139:
| {{depends|No, but text fields can be arranged into a grid}}
|-
! Linked text frames
| {{depends|{{As of|2016}}, two specifications compete: CSS Regions<ref>{{cite web|publisher=W3C|title=CSS Regions|url=http://www.w3.org/TR/css-regions-1/|
| {{depends|With CSS Regions, supported by Safari, IE11 and Edge}}<ref>{{cite web|publisher=Can I Use...|title=CSS Regions|url=http://caniuse.com/css-regions|
| {{yes}}, with Text Layout Framework<ref>{{cite web|publisher=Adobe Systems|title=Working with Text Layout Framework (TLF) text|url=http://help.adobe.com/en_US/flash/cs/using/WSb03e830bd6f770ee-4b0db644124bbdb363d-8000.html#WSb03e830bd6f770ee39dfeb5a12f0e142ade-7fff|
|-
! Programming languages
Line 153 ⟶ 152:
| {{yes|Cross-compiling C++ code to JavaScript via [[Emscripten]]}}
| {{yes|Supported with [[WebAssembly]]}}
| {{yes|Cross-compiling C++ code to run in Flash Player via FlasCC<ref>{{cite web|url=http://gaming.adobe.com/technologies/flascc/ |title=Game creation software with Flash | Adobe Gaming |publisher=Gaming.adobe.com |
|-
! Code delivery format
Line 162 ⟶ 161:
! Data formats
| {{depends}}
| {{yes|[[CSS]] 3, [[HTML]], [[XML]], [[JSON]]}}<ref>{{cite web|url=http://caniuse.com/json |title=Browser-native |publisher=Caniuse.com |
| {{yes|[[JSON]], [[XML]], Subset of [[CSS]] 1}}<ref>{{cite web|url=http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/StyleSheet.html |title=StyleSheet - Adobe ActionScript 3 (AS3 ) API Reference |publisher=Help.adobe.com |date=2014-05-28 |
|-
! Data compression
| {{no}}
| {{yes|[[GZIP]] compression for HTML, JS and CSS files<ref>{{cite web|url=http://schroepl.net/projekte/mod_gzip/browser.htm |title=Which browsers can handle Content-Encoding: gzip ? |publisher=schroepl.net |date=2003-03-11 |
| {{yes|[[LZMA]] or [[DEFLATE]] for SWF files}}
|-
! Image formats
| {{depends}}
| {{yes|[[Portable Network Graphics|PNG]], [[JPEG]], [[Scalable Vector Graphics|SVG]], Animated [[Graphics Interchange Format|GIF]]}}<!-- scripts to render WebP via WebM support exist --><ref group="note">SVG may be used by several ways: it may be included into an html source code or be linked as an image source to be displayed (e.g. in <syntaxhighlight lang="html" inline><img ... /></syntaxhighlight> tag);
| {{yes|[[Portable Network Graphics|PNG]], [[JPEG]], [[JPEG-XR]], Single-frame [[Graphics Interchange Format|GIF]]}}<ref>{{cite web|author=Thibault Imbert|title=What's new in Flash Player 11|url=https://www.adobe.com/devnet/flashplayer/articles/whats-new-flash-player11.html|
|-
! Video formats
| {{depends}}
| {{yes|90+% support of [[H.264]];<ref>{{cite web|url=http://caniuse.com/mpeg4 |title=Can I use the MPEG-4/H.264 video format? |publisher=Caniuse.com |
| {{yes|H.264, [[Sorenson Spark]], and [[VP6|On2 VP6]]}}<ref>{{cite web|publisher=Adobe Systems|title=Supported Codecs|url=http://helpx.adobe.com/flash/kb/supported-codecs-flash-player.html|
|-
! Streaming video
| {{yes}}<ref>{{cite web|author=W3C|title=Media Source Extensions|url=http://www.w3.org/TR/media-source/|
| {{yes|Supported by IE, Edge, Firefox, Chrome, Safari and Opera.}}<ref>{{cite web|author=Can I Use...|title=Media Source Extensions|url=http://caniuse.com/mediasource|
| {{yes|[[Flash Video]], [[H.264]] and partial support for [[MP4]]}}
|-
! Audio formats
| {{depends}}
| {{yes|~94% support of [[MP3]],<ref>{{cite web|url=http://caniuse.com/mp3 |title=Can I use MP3 audio format? |publisher=Caniuse.com |
| {{yes|[[MP3]], [[WAV]] and [[Advanced Audio Coding|AAC]] audio files or embedded sound}}
|-
! Fullscreen support
| {{yes}}<ref>{{cite web|author=WHATWG|title=Full Screen API Standard|url=https://fullscreen.spec.whatwg.org|
| {{yes|Supported on all major desktop browsers, with warning displayed.<ref>{{cite web|author=Can I Use...|title=Full Screen API|url=http://caniuse.com/#feat=fullscreen|
| {{yes}}, with warning displayed
|-
Line 203 ⟶ 202:
| {{depends}}
| {{yes|Single file upload, and [[drag and drop]] of files onto browser<ref name="caniusefile">{{cite web|url=http://caniuse.com/fileapi|title=Can I use File API|website=caniuse.com}}</ref>}}
| {{yes|Support for single file upload and generation,<ref>{{cite web|url=http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/FileReference.html |title=FileReference - Adobe ActionScript 3 (AS3 ) API Reference |publisher=Help.adobe.com |date=2014-05-28 |
|-
! Bitmap manipulation
| {{depends}}
| {{yes|~95% support for canvas element<ref name="caniusecanvas">{{cite web|url=http://caniuse.com/canvas|title=Can I use the HTML5 canvas element|website=caniuse.com}}</ref>}}
| {{yes}}, via BitmapData class<ref>{{cite web|url=http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/BitmapData.html |title=BitmapData - Adobe ActionScript 3 (AS3 ) API Reference |publisher=Help.adobe.com |date=2014-05-28 |
|-
! Binary manipulation
| {{yes}}
| {{yes}}, via JavaScript Typed Arrays<ref>{{cite web|url=http://caniuse.com/#feat=typedarrays|title=Typed Arrays|author=Can I Use...|
| {{yes}}, via ByteArray class<ref>{{cite web|url=http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/utils/ByteArray.html |title=ByteArray - Adobe ActionScript 3 (AS3 ) API Reference |publisher=Help.adobe.com |date=2014-05-28 |
|-
! [[
| {{no}}
| {{yes|Via Web Sockets to stream binary or other data}}
Line 222 ⟶ 221:
! Offline storage
| {{depends}}
| {{yes}}, via [[Web storage]], [[HTTP cookie]], or [[Indexed DB]] to store binary, XML or JSON data<ref>{{cite web|title=localStore|author=Can I Use...|url=http://caniuse.com/#search=localstorage|
| {{yes}}, via [[Local Shared Object]]s to store [[Action Message Format|AMF]]-formatted data
|-
Line 232 ⟶ 231:
===Notes===
{{notelist|refs=
==Comparison==
Line 241 ⟶ 242:
==== Flash ====
Originally, web browsers could not render Flash media themselves, and required the [[proprietary software|proprietary]] freeware plugin [[Adobe Flash Player]]. Until 2008, there was no official specification by which to create an alternative player. Alternative players
The
Earlier versions
|last=Svetlik
|first=Joe
Line 256 ⟶ 257:
|archive-date=November 22, 2011
|url-status=dead
}}</ref>) (Flash 11.2),
Apple never allowed Flash to run on [[iOS]], the operating system which runs on [[iPad]], [[iPhone]], [[iPod Touch]] and [[Apple TV]]
In February 2012, Adobe announced it would discontinue development of Flash Player on Linux for all browsers, except Google Chrome, by dropping support for [[NPAPI]] and using only Chrome's [[PPAPI]].<ref name="pcworld-linux-ppapi">{{cite web|last=Noyes |first=Katherine |url=https://www.pcworld.com/article/250455/for_flash_on_linux_chrome_will_be_users_only_choice.html |title=For Flash on Linux, Chrome Will Be Users' Only Choice | PCWorld Business Center |publisher=Pcworld.com |date=April 6, 2012 |
==== HTML5 ====
<!-- need to replace this with list of browser HTML5 compatibility -->{{As of|2013|12}}, versions of browsers such as [[Google Chrome|Chrome]], [[Firefox]], [[Internet Explorer]], [[Opera (web browser)|Opera]], and [[Safari (web browser)|Safari]] implement HTML5 to a considerable degree. However, some portions of the HTML5 specification were still being implemented by browser makers.
As of January 2015, [[YouTube]] defaults to HTML5 players to better support more devices. HTML5 needs less processing power making it run faster on all browsers. The [[multimedia]] integration with HTML5 is quite easy and creates better support for live video [[Streaming media|streaming]] on mobile devices also.<ref>{{cite web|work=YouTube Engineering and Developers Blog|title=YouTube now defaults to HTML5 <video>|url=https://youtube-eng.googleblog.com/2015/01/youtube-now-defaults-to-html5_27.html|access-date=2018-11-03|archive-date=2018-09-10|archive-url=https://web.archive.org/web/20180910204225/https://youtube-eng.googleblog.com/2015/01/youtube-now-defaults-to-html5_27.html|url-status=dead}}</ref>
=== Vendor neutrality ===
Line 274 ⟶ 275:
| publisher=Adobe Systems
| date=2007-06-27
| quote=You may not use the Specification in any way to create or develop a runtime, client, player, executable or other program that reads or renders SWF files.|
| url=https://www.adobe.com/licensing/developer/fileformat/license/ <!-- Bot retrieved archive -->}}</ref>
Line 281 ⟶ 282:
| url=https://www.adobe.com/aboutadobe/pressroom/pressreleases/200804/050108AdobeOSP.html | publisher=Adobe Systems
| date=2008-05-01
|
|title = Free Flash community reacts to Adobe Open Screen Project
|
|archive-url = https://web.archive.org/web/20080928202954/http://www.openmedianow.org/?q=node%2F21
|archive-date = 2008-09-28
|url = http://www.openmedianow.org/?q=node/21
|url-status =
}}</ref> and itself could not be copied, printed out in more than one copy, distributed, resold or translated, without written approval of Adobe Systems Incorporated.<ref name="swf10spec">{{cite web | title = SWF File Format Specification Version 10 | url = https://www.adobe.com/content/dam/Adobe/en/devnet/swf/pdf/swf_file_format_spec_v10.pdf |
Flash
Various people have praised Flash over the years for rendering consistently across platforms. Constructing sites in Flash
Speaking at 'Adobe Max' in 2011, Itai Asseo likewise said that, unlike HTML5, Flash offers a way to develop applications that work across platforms. HTML5, he said, is currently implemented differently (if at all) by different browsers. Although the Flash browser plugin is not supported on the Apple iPhone OS, Flash applications can be exported to Adobe AIR, which runs on that operating system as a native application. In the same talk, Mr. Asseo lamented the return to another browser war (as seen in the late 1990s). If Flash falls out of favor, he said, web developers will either have to develop many different versions of their web sites and native applications to take into account different HTML5 implementations, deny access to browsers that do not support their version of HTML, or dramatically reduce the functionality of their sites in order to deliver content to the least-advanced browser.<ref>{{cite web|author=Itai Asseo|title=The Death of Flash|url=http://tv.adobe.com/watch/max-2011-envision/the-death-of-flash/|
=== Authoring ===
Line 313 ⟶ 305:
|date=June 2, 2010
|url=http://www.infoworld.com/d/developer-world/html5-vs-flash-the-case-flash-721?page=0,1
|
}}</ref> however, many of Adobe's tools are expensive and [[proprietary software]].<ref name=caseFlash/>
In 2011 Adobe released a Flash-to-HTML5 conversion tool for existing content<ref>{{cite web|url=http://blogs.adobe.com/jnack/2011/03/wallaby-flash-to-html5-conversion-tool-now-available.html |title=John Nack on Adobe : "Wallaby" Flash-to-HTML5 conversion tool now available |publisher=Blogs.adobe.com |date=2011-03-07 |
Because HTML5 is an open format, tools like those for Flash can be built for it, too. Applications like [[Hype (software)|Hype]]<ref>{{cite web|url=http://tumultco.com/hype/features/ |title=Hype Features |publisher=Tumultco.com |
=== Performance ===
{{see also|Adobe Flash#Performance}}
Flash
Some users, more so those on [[macOS]] and [[Linux]],
|last=Dachis
|first=Adam
Line 331 ⟶ 323:
|date=December 1, 2010
|publisher=[[Lifehacker]]
|url=http://lifehacker.com/5702983/adobe-releases-flash-102-beta-reduces-cpu-usage-during-video-playback |
}}</ref>{{Unreliable source?|date=January 2011}} The use of the newer [[ActionScript]] 3.0 inside Flash movies instead of the older ActionScript 2.0 improves code execution speed by a factor of around 10.<ref>{{cite web
|title=ActionScript 3.0 overview
Line 351 ⟶ 343:
=== DRM ===
Flash
Historically, before EME introduction implementations could support DRM, for example in [[codec]]s.<ref>{{cite web|url=http://www.w3.org/html/wiki/FAQs#Is_there_support_for_digital_rights_management_.28DRM.29_in_HTML5_video.3F |title=FAQs - HTML Wiki |publisher=W3.org |date=2011-02-22 |
|url = https://www.theguardian.com/technology/blog/2013/mar/12/tim-berners-lee-drm-cory-doctorow
|title = What I wish Tim Berners-Lee understood about DRM
Line 359 ⟶ 351:
|work = Technology blog at [[The Guardian|guardian.co.uk]]
|date = 2013-03-12
|
|author-link = Cory Doctorow
}}</ref><ref>{{cite web
Line 367 ⟶ 359:
|work = Open Enterprise blog at [[Computerworld|ComputerworldUK.com]]
|date = 2013-02-13
|
|archive-url = https://web.archive.org/web/20130317050344/http://blogs.computerworlduk.com/open-enterprise/2013/02/bbc-attacks-the-open-web-gnulinux-in-danger/index.htm
|archive-date = 2013-03-17
Line 379 ⟶ 371:
|publisher = Condé Nast
|date = 2013-02-12
|
|archive-url = https://
|archive-date = 2013-
|url-status = dead
}}</ref><ref>{{cite web
Line 389 ⟶ 381:
|publisher = [[Free Software Foundation]]
|date = March 2013
|
|archive-url = https://web.archive.org/web/20130324133748/http://www.defectivebydesign.org/no-drm-in-html5
|archive-date = 2013-03-24
Line 396 ⟶ 388:
=== Accessibility ===
Both Flash and HTML text can be read by screen readers. However, special care must be taken to ensure Flash movies are read correctly. For example, if a Flash movie is set to repeat indefinitely, this can cause a screen reader to repeat the content endlessly. Selecting the "Make object accessible" check box in Adobe Flash Professional
=== Search engines ===
Both Flash content and HTML content
=== iOS devices ===
{{main|
Apple
== See also ==
* [[Comparison of vector graphics editors]]
* [[CSS
* [[Flash animation]]
* [[HTML5test]]
Line 436 ⟶ 419:
== External links ==
* [
* [
{{Adobe Flash}}
|