HTML5 Video Destruction - 영상을 클릭하면 터져 버린다.

 

 

    HTML5 에 대해 요즘 많이들 거론된다. HTML5는 HTML의 다음 버전으로 이젠 plug-in같은 것 없이, 웹에서 표준화된 application을 만들 수 있도록 HTML을 발전시킨 것이다. 특정 plug-in에 의존할 필요없이 표준으로 정립하자는게 HTML 5의 취지라고도 할 수 있겠다. (난 자세한 사항은 모르기 때문에 생략한다.)

 

- 츨처 : hyunyu's Blog -

 

 

    재미있는 영상인다. 영상이 아니라 페이지다. 영상을 클릭하면 화면이 팡! 하고 터져 버린다. 게다가 터져서 쪼개져 나온 조각들에도 영상은 재생되고 있다. HTML5 Canvas태그 어쩌구 하는 듯하다.

 

    이런 느낌이다. 이해가 가는가?? 팡팡 터져버리고 다시 조립. 깨어진 조각에서도 영상은 재생된다.

   

 소스는 요런식이다.

 

   <canvas id="output" width="1000" height="600" onmousedown="dropBomb(event, this)" style="border: solid 5px #666666"></canvas>

>>  HTML5 Video Destruction <<

 

※ Explorer 는 지원하지 않습니다. Chrome, Safari4, Opera, Firefox3.5를 지원 합니다.

 

재미있네요 ㅎㅎ