主题 : Opera技术预览版新技术实例解析: 意在消灭Flash
难得糊涂,时而迷糊。
级别: 荣誉会员

UID: 2653
精华: 3
发帖: 27145
威望: 19839 点
无痕币: 1383 WHB
贡献值: 136 点
在线时间: 5207(时)
注册时间: 2007-12-03
最后登录: 2024-04-30

0 Opera技术预览版新技术实例解析: 意在消灭Flash

让我们来看看 Opera 9.52 的技术预览版到底有什么好玩的新技术。
稍作分析,可以看出, Opera 这次推出3大技术,意在丰富网页的呈现能力,将网页的视觉效果从 Flash 手中夺回来。下一场战争或许不是浏览器大战,而是浏览器统一战线和 Flash 的战争。

第一部分 怎么玩
 
先去下载一个最新的技术预览版:

官方下载
Windows

第二部分 实例解读
1. 3d canvas 支持:
简单说,它给浏览器自带了 3D 支持。不是把几个页面组成大方块转转的噱头,而是页面内直接用 Javascript 绘图实现的 3D。


实例:
一个表面贴有 Opera Logo 的旋转立方体(每个页面不到5KB!!):
http://people.opera.com/timj/canvas/canvas3d_example1.html
http://people.opera.com/timj/canvas/canvas3d_example2.html
 
一个使用 3d canvas 技术制作的 3D 贪食蛇游戏(这个效果好到令人眩晕的游戏只有16KB!!!):
http://people.opera.com/timj/canvas/3d_snake/



2. video 支持:
不用加任何插件,播放效果还不错。用技术预览版直接点开就看,没有进度条,不能拖动。而且事实上视频是用的 Theora 编码的ogg 文件,比较大。
 
<video> 标签是 HTML 5 的新标签,用于定义视频,比如电影片段或其他视频流。用起来比较简单,比如要在网页插入视频:直接<video src="文件名"></video>就可以了。大大减轻了手写代码的复杂度,和 _fcksavedurl=""文件名"></video>就可以了。大大减轻了手写代码的复杂度,和" Dreamweaver 之流软件的工作量。
 
现在来说,video 标签可设置的参数有:
autoplay   如果是 true,则视频在就绪后马上播放。
controls   如果是 true,则向用户显示控件,比如播放按钮。
end        定义播放器在视频流中的何处停止播放。默认地,声音会播放到结尾。
height     设置视频播放器的高度。
loopend    定义在视频流中循环播放停止的位置,默认是 end 属性的值。
loopstart  定义在视频流中循环播放的开始位置。默认是 start 属性的值
playcount  定义视频片段播放多少次。默认是 1。
poster     在视频播放之前所显示的图片的 URL。
src        要播放的视频的 URL。
start      定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。
width      设置视频播放器的宽度。
 
视频示例(无需插件即点即放):
http://people.opera.com/howcome/2007/video/controls.html
http://people.opera.com/howcome/2007/video/simple.html
http://people.opera.com/howcome/2007/video/opacity.html
http://people.opera.com/howcome/2007/video/wikipedia/macaw.html
http://people.opera.com/howcome/2007/video/wikipedia/octopus.html



3. File I/O:
File I/O 示例 widgets 下载:
http://labs.opera.com/news/2008/05/08/FileIOexamples.zip


 
效果比较简单,也比较乏味。就是一个简单到不能再简单的文件浏览器。只不过对浏览器来说,这是革命的一步,Opera 成为了第一个真正意义上可以脱离系统在硬盘上写文件的浏览器。
 
第三部分 解读技术:有用么?
 
简单说,在现在是没有用的。所有新技术在刚出现时都是没有用的。
 
个人意见,为什么 AJAX 会大行其道,原因很简单,它好看。为什么 Flash 会大行其道,也很简单,它好看,适合做广告。而现在网页的呈现已经进入瓶颈了,基本已经看不到什么让人耳目一新的网页了。好看的网页,也就无非在图片和 Flash 上下点功夫。
 
而 Opera 这次推出3大技术,意在丰富网页的呈现能力,将网页的视觉效果从 Flash 手中夺回来。事实上,Flash 已经是浏览器界的全民公敌了。微软不喜欢 Flash 因为它自己有 SilverLight,Firefox 和 Opera 也不喜欢 Flash 因为它对这两个浏览器的插件是时常造成 CPU 100% 的元凶。 Flash 在非 Windows 平台上的表现已经可以用不能再差来形容了。尽管如此,网民们根本离不开 Flash 了。从 Google 赔钱也要做的 youtube ,到国内去火星旅游过的某视频网站,都是基于 Flash 的。
 
送效果上讲,Flash 能够实现的 3D 和 Video 标签也能够实现。在实现 3D 效果方面的优势更明显,在实例中可以看到,只需要几KB就能实现非常不错的效果。而视频方面就需要努力了,用 Flash 不过几百K的东西,用ogg却要几个MB。或许国外的带宽条件已经准备好了,起码中国还没有。Firefox 也已经在实现这些技术了,毕竟这都是 HTML 5 标准的一部分,属于浏览器的标配。剩下的就看各大网站了。
 
下一场战争或许不是浏览器大战,而是浏览器统一战线和 Flash 的战争。
Total 0.060715(s) query 3, Time now is:05-04 09:16, Gzip enabled 粤ICP备07514325号-1
Powered by PHPWind v7.3.2 Certificate Code © 2003-13 秋无痕论坛