Smokescreen计划:用HTML5实现Flash

一个叫Chris Smoak的程序员,最近发起一个使用JavaScript/HTML5实现Flash功能的开源项目,Smokescreen, 可以将 Flash 动画转换为纯HTML5 + JavaScript,以便脱离Flash插件,直接在浏览器中实现 Flash 风格的动画。这里有一些很漂亮的演示。

关于这项技术,一个叫Simon Willison的程序员,在他的博客中做了很好的剖析:

SmokeScreen完全在浏览器中运行,读取SWF二进制文件,解压缩(而且使用本地JavaScript 解压缩!),从中抽取图像与内嵌的音频,将它们转换为Base64编码的数据,接着,将其中的矢量图形转换为SVG动画。在Chrome中打开Web Inspector,在演示进行当中,你会看到SVG的实时运行。SmokeScreen甚至设计了自己的ActionScript解释器。

Smoak表示,他会很快基于开源协议开放 SmokeScreen的源代码,目前,他已经做了几个非常漂亮的演示,尽管还不够完美,但已经能看出基于HTML5的Flash 风格的动画是个什么样。这些代码并不能支持Flash视频,不过,HTML5 已经有了自己的视频方案。Smoak说,他的初衷是在iPhone和iPad一类的设备上实现Flash风格的广告动画,这项技术最可能应用在广告中。

经过优化,该技术还可以用于游戏,Willison表示,新闻站点中的infographics也是很好用场,另外,还可以用来渲染卡通风格的动画,比如演示中的Strongbad系列。

不过,人们担心,SmokeScreen是否可以很好地应用到那些速度和供电能力都十分有限的移动设备,同时,我们期待代码开源后可以得到优化。目前,只有那些最新的浏览器才可以使用该技术,包括Firefox 3.6, Chrome 5, Safari 4 以及移动Safari。Opera 10.5系列也接近支持,但不支持IE8,不过Smoak表示,IE9很有希望。

时间: 2024-11-15 23:10:03

Smokescreen计划:用HTML5实现Flash的相关文章

Google 计划 Chrome 默认用 HTML5 替代 Flash

Chromium开发者论坛上,Google宣布了Chrome默认用 HTML5实现替代Flash播放内容的计划.计划的HTML5实现功能预计将在今年第四季度释出,为了避免提示过多,十大受欢迎的网站将被加入到白名单,默认继续使用Flash播放内容,用户访问这些网站不会看到允许该域名使用Flash播放器的提示.但白名单有时间限制,仅在一年内有效.被加入到白名单中的域名包括:YouTube.Facebook.Yahoo.VK.Live.Yandex.OK.ru.Twitch.Amazon和Mail.r

HTML5与Flash

最近网络上最热的话题之一就是"开放式Web技术 HTML5",从国外媒体到国内媒体均有大量报道.从大量的报道中,如果各位从Google搜索引擎中输入"HTML5 Flash"这2个关键字组合,将会有1百多万条相关的资讯,真是犹如狂风暴雨一般,而现在的IE8,Safari 4和FF 3.5 RC都或多或少的支持了一些HTML5的功能,这就让HTML5的话题讨论更加如火如荼.我们来总结一下其中的话题,基本上是以下几个类型(请原谅我均用问号结束以下的标题,因为我会在后面谈

HTML5与Flash,不得不谈的话题

最近网络上最热的话题之一就是"开放式Web技术 HTML5",从国外媒体到国内媒体均有大量报道.从大量的报道中,如果各位从Google搜索引擎中输入"HTML5 Flash"这2个关键字组合,将会有1百多万条相关的资讯,真是犹如狂风暴雨一般,而现在的IE8,Safari 4和FF 3.5 RC都或多或少的支持了一些HTML5的功能,这就让HTML5的话题讨论更加如火如荼.我们来总结一下其中的话题,基本上是以下几个类型(请原谅我均用问号结束以下的标题,因为我会在后面谈

有了HTML5,Flash还能走多远?,互联网营销

     谈到Flash能走多远的问题时,我们不得不先聊聊作为Flash前辈的Applet.      所以要提它,是因为人类历史上第一个运行在浏览器之上的交互式应用,本来就是Java小程序,而非什么Flash. 早在1995年之初,当Gosling和Gage在WebRunner浏览器(即日后的HotJava浏览器)上展示3D分子模型之际,人们对Java的第一印象就是"这是种可以将静态网页变成动态的语言",而并非这是种"开发手机应用的语言"或者这是种"开发

HTML5 vs Flash将会如何影响你

目前大多数视频都是通过Flash**程序的方式播放的.这做得很不错但是不幸的是Flash要求更多的电脑内存支持.一个新的网页标准--HTML5正在努力改变这种情况. HTML5设计中利用了音频,视频编解码器,与同等的Flash播放器比较,占得内存能量就少了.独立的测试表明大多数情况都如此虽然不是全盘一样的结果.但是对于大多数新技术来说,并不是所有的发展思路都是清晰明了的. 尽管HTML5在进程效率上有很大的进步,但是还是不能认为就能完全取代Flash或者甚至是有深远的影响,特别是在丰富网页内容上

Opera Android将支持HTML5和Flash功能

12月7日消息,据国外媒体报道,Opera带来了一些令人兴奋的消息,他即将推出的Opera Android移动浏览器将会支持HTML5和Adobe Flash功能. 该消息来自Opera公司的开发人员Pavel Studeny的Opera Mobile博客.Pavel Studeny写到,Opera Mobile已经拥有了所有的浏览器功能,但是Android版本也将支持HTML5和Adobe Flash功能,这主要是为了改善用户上网是的舒适程度而进行的改进. Android 版本Opera Mo

[HTML5和Flash视频播放器]Video.js 学习笔记(一 ) HLS库:videojs-contrib-hls

  DEMO地址:https://github.com/Tinywan/PHP_Experience   https://github.com/videojs/videojs-contrib-hls  下载JS文件,直接使用 <video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls> <source src="https://example.

调查显示近半数媒体网站计划支持iPad和HTML5

北京时间6月4日早间消息,据国外媒体报道,市场研究公司Streaming-Media进行的一项最新调查显示,到明年年底之前,近半数媒体网站计划支持iPad和HTML5视频. 苹果已经在iPad上封杀了Flash,因此用户无法通过iPad观看Flash视频.苹果对Flash的态度引发了激烈争议.不过,当前互联网上2/3的新视频采用H.264编码,因此可以在iPad上播放.但媒体网站还需将视频打包至专门的应用,或是可供iPad浏览器使用的HTML5视频播放器中. 新闻媒体公司Streaming Me

HTML5+flash打造兼容各浏览器的文件上传方案

相比flash,采用HTML5的新技术无疑可以提升程序的加载速度.但是在目前的情况看来,HTML5的特性支持度不高,插件的可用性范围确实比较窄.例如,我在插件中使用到的新特性有: <input type="file' />标签的multiple属性 File和FileList API XMLHttpRequest2的upload和onprogress FormData 就拿File来讲,IE9都不支持,所以在当前环境下IE系列浏览器几乎无法使用.因此做一个兼容方案还是有必要的.如何做