HTML5动画(HTML5 Video Destruction)

演示地址(请使用伟大的Firefox浏览器或Chrome) 开始以为真的是html5+Canvas+javascript做的逐帧动画,被吓到了,这效果直逼3D动画,后来看了一下源代码,原来是视频文件,只不过使用了html5标签以及Canvas+Javascript的特效,不过效果真的很不错的,这个与flash播放器比,还真有分量的。
 

相关代码:
 

XML/HTML代码
  1. <div style="display:none">  
  2.   
  3.         <video id="sourcevid" autoplay="true" loop="true">  
  4.             <source src="BigBuckBunny_640x360.mp4" type="video/mp4"/>  
  5.             <source src="BigBuckBunny_640x360.ogv" type="video/ogg"/>  
  6.         </video>  
  7.         <canvas id="sourcecopy" width="640" height="360"></canvas>  
  8. </div>  

 




文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复回复虎魄[2011-05-06 04:38 PM | del]
~~我用的火狐浏览器~~没见动啊~要插件不?
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.