html5 vs flash - 任何地方的完整比较图表? [英] html5 vs flash - full comparison chart anywhere?
问题描述
因此，既然史蒂夫·乔布斯说 Flash 很烂，并暗示 HTML5 可以在不需要插件的情况下完成 Flash 可以做的一切，我一直在听到很多人这样说.
So since Steve Jobs said Flash sucks and implied that HTML5 can do everything Flash can without the need for a Plugin, I keep hearing those exact words from a lot of People.
我真的很想在某个地方有一个图表(类似于 http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29#Form_elements_and_attributes )，我可以向这些人展示.展示 Flash 现在可以做的所有小事情，HTML5/Ajax/CSS 甚至还没有考虑过.当然还有 HTML5 做得更好的地方.
I would really like to have a Chart somewhere (similar to http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29#Form_elements_and_attributes ) that I can just show to those people. Showing all the little things that Flash can do right now, that HTML5/Ajax/CSS is not yet even thinking about. But of course also the things that HTML5 does better.
我想比较细节，如音频播放、实时音频处理、字节级访问、位图数据操作、网络摄像头访问、二进制套接字、P2P 技术(adobe Stratus)等作品中的东西以及我不喜欢的所有东西不知道我自己.理想情况下，可以使用可以完成的示例，让我们说二进制套接字(例如 POP3 客户端)，否则对非程序员来说意义不大，因为他们只会说好吧，我们可以不用二进制套接字".最好使用一些当前的基准测试和一些使用此技术的网站示例.
I would like to see details compared like audio playback, realtime audio processing, byte level access, bitmap data manipulation, webcam access, binary sockets, stuff in the works such as P2P technology (adobe stratus) and all the stuff I don't know about myself. Ideally with examples of what can be accomplished with, lets say Binary Sockets (such as a POP3 client) because otherwise it won't mean a lot to non-programmers since they will just say "well we can do without Binary Sockets". And ideally with some current benchmarks and some examples of websites that use this technology.
我在网上搜索过，很惊讶没有找到任何东西.那么在某处有这样的比较吗?或者有人想创建这个并将其发布到维基百科吗?;-)
I've searched the web and am surprised not to find anything. So is there such a comparison somewhere? Or does anybody want to create this and post it to Wikipedia? ;-)
推荐答案
对于 HTML5 和 Flash 之间的比较，已经有很多关于 SO 的问题.HTML5 本身不够强大(作为一种标记语言)，但人们在提到 HTML5 时通常指的是整个堆栈，即 HTML5、Javascript、CSS3 等.这不是您要查找的表格比较，但它有一些要点.
There are already many questions asked on SO for comparisons between HTML5 and Flash. HTML5 by itself isn't powerful enough (being a markup language), but people commonly refer to the whole stack that is HTML5, Javascript, CSS3 and more when referring to HTML5. This is not the tabular comparison that you were looking for, but it gets some points across.
首先，HTML5 是一个标准，需要时间才能完成.尽管 Chrome、Safari 和 Firefox 在已经实现的方面非常活跃，但截至今天，浏览器的实现各不相同.现在 Flash 和 HTML5 之间最大的区别是沙箱.Flash 作为浏览器插件可以访问 HTML5 由于浏览器的安全限制而无法访问的所有低级功能.通过对插件的简单更新来解除 Flash 中的限制要容易得多，但一旦完成并实施规范，更新规范就困难得多，这就是为什么要花这么长时间的原因.也就是说，HTML5 正在弥合这一差距，以尽可能接近 Flash 的功能.
To start with, HTML5 is a standard and will take time to reach completion. Browser implementation varies as of today although Chrome, Safari, and Firefox are really active in terms of what has already been implemented. Now the biggest difference between Flash and HTML5 is the sandbox. Flash being a browser plugin has access to all low level functionality that HTML5 does not due to the browser's security restrictions. It's much more easier to lift a restriction in Flash with a simple update to the plugin, but a lot more difficult to update the spec once it has been finalized and implemented, being the reason why it is taking so long. That said, HTML5 is bridging that gap to get as close as possible to what Flash does.
音频/视频播放
在 HTML5 中，为音频和视频播放提供了完整的编程访问.支持的编解码器的问题仍然悬而未决，正在争论不休.
In HTML5, full programmatic access is provided for audio and video playback. The issue of supported codec is still lurking wide open and being debated over.
实时音频/视频处理
对于实时音频和视频处理，HTML5 的情况看起来不错.查看此演示获取实时音频可视化示例.另一个用于实时运动检测的演示可用.
For real-time audio and video processing, things are not looking bad for HTML5. Checkout this demo for a sample of real-time audio visualization. Another demo for real-time motion-detection is available.
Websockets(带有服务器发送的事件)和 P2P 支持
HTML5 具有允许创建到服务器的全双工连接的 WebSocket，从而减少对反向 Ajax/Comet 技术的需求.这对于需要实时数据的游戏、聊天、股票和许多其他类型的应用程序非常有用.WebSockets 不是原始套接字，只会连接到实现 WebSocket 协议的服务器.因此，例如，无法直接访问您的 IMAP 帐户.WebSockets 的一个主要缺点是缺乏 P2P 支持.如果它支持与其他客户端的连接，它会更有用.这在未来可能会改变，但截至今天，还没有 P2P 支持.
HTML5 has WebSockets that allows creating a full-duplex connection to a server, thus reducing the need for Reverse Ajax/Comet techniques. This will be very helpful for games, chat, stocks and many other types of application that require real-time data. WebSockets are not raw sockets, and will only connect to servers that implement the WebSocket protocol. So direct access to your IMAP account, for example, won't not possible. One major shortcoming with WebSockets as they stand today is the lack of P2P support. It would have been much more useful had it supported connections to other clients. This might change in the future but as of today there is no P2P support.
界面
HTML 缺少 UI 方面，主要是因为缺少像 Flash 这样的画布.SVG 在那里，但它并不是世界上最容易使用的东西.IDE 对这些的支持仍然很少，但应该会随着时间的推移而改进.画布使 HTML5 与 Flash 相提并论，至少在 UI 方面是如此.
HTML lacked the UI side of things mainly due to a lack of a canvas like Flash. SVG was there but it wasn't the easiest thing to use in the world. IDE support for these is still minimal, but it should improve with time. A canvas puts HTML5 at par with Flash, at least on the UI side of things.
设备 - 网络摄像头/麦克风/..
HTML5 设备规范旨在提供对网络摄像头等设备的访问、麦克风等.有趣的是，此链接上还提到了 P2P 支持.它仍然是一个编辑草案，但看起来我们最终会在 HTML6 之前拥有 P2P.此处提供了有关捕获 API(视频/音频)的更多详细信息.此处列出了在设备端工作的完整列表.这已经从 HTML5 规范中分离出来，并由一个单独的工作组 afaik 负责.
A HTML5 Device spec is targeted towards providing access to devices such as a webcam, microphone, etc. Interestingly enough, there is also a mention of P2P support on this link. It's still an editors draft but looks like we will finally have P2P before HTML6. More details on the capture API (video/audio) are available here. A full list of things being worked on the device end specifically are listed here. This has been forked off the HTML5 spec and is under a separate working group afaik.
离线存储、地理位置、并行处理
除此之外
iPhone 和 Android 上的 Mobile Safari 对 HTML5 的移动支持看起来也不错.
Mobile support for HTML5 is also looking good with Mobile Safari on the iPhone and Android.
对于一些很酷的演示，请查看以下链接:
For some cool demos, checkout these links:
- http://linuxers.org/article/some-cool-html5-demos
- http://html5demos.com/
- http://people.mozilla.com/~prouget/demos/
- http://htmlfive.appspot.com/
- http://9elements.com/io/projects/html5/canvas/
- http://ajaxian.com/archives/html5-demos
感谢@iddqd，还有两个很棒的链接
Two more awesome links thanks to @iddqd
这篇关于html5 vs flash - 任何地方的完整比较图表?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
