예: (소리: 0 )

http://hackya.com/lab/html5/loader/

사용가능한 tool 들

A. 구글의 swiffy

https://www.google.com/doubleclick/studio/swiffy/

장점: 아도비 플래시에 extension 으로 붙여서 쉽게 사용할 수 있슴.

단점 하나:  파일사이즈 limit: 1mb 이상은 변환이 안됩니다.  (정확하게 1024kb)

단점 둘: 출력이 이렇게 됩니다.

 <script>
      swiffyobject = {"tags":[{"id":1,"glyphs":[{"unicode":" ","data":"","advance":285},{"unicode":"%","data":":6u83Fb4c:6e9bbw8bw9ib:7gV6jbW9b7E9bb3C:5E8BbW9BW0Jb:7Gw6Jbv9B5e9Bc:B2Fb5G:5K5eb9C5e9C3mb:0j4d0ob4d9d1k9db7f:3k0Eb5d0E5d3Nb:6I5D5Nb5D9D4K9Dc:77d47db3c:6e9bbv8bv9ib:7gV6jbV9b7E9bb3C:5E9BbW9BW9Ib:7Gw6Jbv9B6e9Bc:3G47Da01D72ga4g:a00d72Gc:C85cb5G:5K5eb9C4e9C3mb:0j4d0ob4d9d1k9db7f:3k0Eb6d0E6d3Nb:6I5D5Nb6D9D5K9Dc","advance":911},{"unicode":".","data":":3i2Ja:2ja3j:a:2Jc","advance":285},{"unicode":"0","data":":81b61Fb3f:5j9eb2d0f2d1xb:0r2D0xb2D0f4J0fb2F:4J0Fb3D0F3D0Xb:1R7d8Xb7c2E9i2Ec:a5Gb0H:3M3db3E3d9G3lb7B9g7B9tb:6t2g98bb1f6g7p6gb0h:3m3Db3e4D9g3Lb7b9G7b8Tb:9JQ3QbP5F5D9Jb9B5D4G9Fb4DX3JXc","advance":570},{"unicode":"1","data":":24c36GbX8d0H8ib7E1e2M6ha:7hb2dO5i6Db2e1C5h2Fa:73ea0i:a:36Gc","advance":570},{"unicode":"2","data":":86b36Gb4J:6P5eb2F4e2G7oa3ijb:9F9c8.....

. ㅋㅋㅋㅋ

당근 출력후 editing 불가능 합니다.

비슷한 류로 Sothink SWF Decomplier 도 있는데 같은 결과.

단점 셋: IE 에서 작동이 안됩니다.

B. Xilisoft Video Converter (제가 사용한 방법)

http://www.xilisoft.com/video-converter.html

다른 여러가지 플래시/비디오 변화기들이 존재하는데,

http://pcsupport.about.com/od/fileextensions/tp/free-video-converter.htm

다들 문제가 있습니다. (오디오 파일이 변환 과정 중 날아가고, mp4 까지는 잘되는데 ogv 에서 문제 생기고 등등...)

Xilisoft 가 가장 믿을만 합니다.

단점 하나: swf =>mp4=>ogv=>webm  이 4가지 변환과정을 직접 작업하셔야 해서 번거스럽습니다.

단점 둘: 유료프로그램입니다. (하지만 어둠의 경로, ㅌㄹㅌ, 쿨럭)
 
비디오 컨버터를 사용하는 경우, html5 player 도 쓰셔야 하는데, (저는 player 를 사용하지 않고 직접 짰습니다: 페이지가 무거워지니까) 

마찬가지로 모달 창도 colorbox 같은거 안쓰고 직접 짰습니다.  jQuery 플러그인들 대다수는 사실 쓸 이유가 없는... 직접 만들어 쓰면 되는 것들 이라서...

(어떻게 했는지는 우클릭 하셔서 소스코드 보시기 하시던가 저장하셔서 살펴 보시면 될듯. 대신에 제 방식은 IE8 에서는 작동하지 않습니다. IE9 와 IE10 에서만 작동됩니다.)

IE8 에서도 작동되게 하려면 html5 player 를 쓰셔야 합니다.

가장 좋은, 가장 널리쓰이는 제품은

http://www.longtailvideo.com/jw-player/

입니다.

//////////////////////////////////

http://hackya.com/lab/html5/loader/

이걸 왜 플래시로 작업했냐구요?  아도비 After Effect + 프리미어 로 하면 더 쉽지 않았겠냐구요?  글쎄 말입니다.  저도 작업 다 해놓고 나니 불현듯 그 생각이.... ㅎㅎㅎㅎㅎ

아마 늙어서 노망이 들기 시작했는지.. ㅋㅋㅋㅋ