RoughlyDrafted Magazine

Daniel Eran Dilger in San Francisco

HTML5 assault on Adobe Flash heats up with ClickToFlash

October 6th, 2009



Daniel Eran Dilger

어도비가 플래시 플레이어를 모바일 플랫폼용으로 포팅 작업중이다. 또한 플래시 툴을 사용해 아이폰용 앱을 CS5에서 만들 수 있다고 강조하고 있다. 이 와중에 웹킷(WebKit) 플러그인, 클릭투플래시(ClickToFlash)를 사용하여 데스크톱 상에서 플래시를 죽이려는 오픈소스 그룹이 나타났다.

ClickToFlash는 사파리에서 플래시 콘텐츠를 막을 수 있으며, 선택을 별도로 해 주어야 재생시킨다. 플래시 콘텐트는 빈 상자 형태로 나타나며, 이 상자를 광고처럼 무시해버리거나, 원하는 경우 클릭해서 플래시를 보는 형식이다.

또한 이 플러그인은 YouTube 플래시 비디오를 H.264 비디오로 불러들여서 보게 하는 기능도 갖고 있다. 아이폰이 하는 것과 동일하게 플래시를 우회할 수 있도록 해 준 것이다. 이 경우 YouTube 비디오는 H.264 재생을 직접 지원하는 브라우저의 내장 HTML 5의 지원을 받는다.

아래 그 사례가 있다. YouTube에서 제공하는 똑같은 HD 클립인데, 첫 번째는 YouTube 표준인 플래시이다. 그러나 두 번째는 클릭투플래시를 사용하여 H.264로 재생시키는 화면이다. 사파리의 네이티브 HTML 5 버전은 역시 네이티브인 퀵타임 텐을 사용한다. (플래시가 아니다.) 재생하는 동안 사파리의 네이티브 검정 재생막대는 사라진다. 클릭투플래시 플러그인을 사용하는 경우, 풀화면 재생을 위하 H.264 비디오로 시청이 가능해진다.




더 나은 화질은 물론, 보다 더 부드럽게 네비게이션이 가능하고, 더 정확하고 기능성 있는 콘트롤도 가능하다. HTML 5를 사용하여 직접 재생할 경우, 배터리와 CPU를 많이 점유하는 플래시 플러그인 사용을 막을 수 있다. YouTube 외에도, 웹브라우징을 할 때 플래시 광고가 있으면 그것때문에 프로세서가 풀로 돌아갈 때가 있다. 원할 경우, 클릭투플래시를 통해 활성화시킬 수 있기 때문에, 네비게이션 컴퍼넌트처럼 필요한 플래시도 얼마든지 돌릴 수 있다.

아래 사례를 보자. 클릭투플래시가 있는 사파리는 기본적으로 뉴욕타임스에 있는 플래시 콘텐트를 읽지 않는다. 사용자가 직접 요구할 때에만 개별적으로 아이템을 읽을 뿐이다. 아이폰 상에서 플래시 콘텐트는 전혀 읽지를 않는다. 플래시를 사용하고 있는 대부분의 광고 네트웍들은 이제 아이폰을 인식하고 대안, 즉 비-플래시 광고를 제공하기도 한다. 더 많은 사용자들이 플래시를 사용하지 않을수록 광고시장도 뒤따라오게 되어 있다. 아이폰처럼 말이다. 비디오 또한 현대적인 브라우저들을 지원하기 위해 H.264로 이주할 테고, 그저 영상클립때문에 플래시를 필요로하지는 않을 것이다.



이 플러그인의 웹사이트는 이렇게 말한다. "클릭투플래시의 주요 목표는 웹에서 될 수 있는 한 많은 플래시를 제거하는 것입니다. 원하는 플래시만 볼 수 있도록 말입니다." 이 그룹은 비디오 재생을 보다 원활하게 하기 위해 플래시를 사용하는 다른 사이트들의 비디오를 이주시키는 것에 도움을 요청하고 있기도 하다.

HTML 5는 간단히 비디오 태그를 사용하여 H.264 비디오를 지원한다. 즉, 플래시가 타격을 입을 수 있으며, HTML 5의 새로운 Canvas 기능에(플래시나 실버라이트와 같은 플러그인 사용 없이 웹페이지에서 세련된 드로잉 효과를 수행하는 기능) 웹개발자들이 보다 친숙해질수록, 어도비는 폐쇄형인 플래시 개발을 개방형 웹표준 준수로 이주하느냐 마느냐의 고민을 하게 될 것이다. 특히나 3D 하드웨어 가속기능을 가진 WebGL과 같은 새로운 구상이 점차 주목을 받고 있는 상황이다.

Adobe's mobile strategy for Flash

클릭투플래시는 데스크톱 상의 플래시를 죽이고 있지만, 어도비 플래시와 HTML 5 간의 전투장소는 데스크톱만이 아니다. 휴대기기도 중요하다. 애플은 플래시의 데스크톱 버전이나 스마트폰용으로 나온 플래시 라이트 사용 없이 아이폰을 소개하였다. 애플이 아이폰용 플래시에 대해 쉽게 굴하지 않자, 어도비는 아이폰용 플래시플레이거 거의 완성되었으며, 애플 또한 프로젝트에 동참했다고 주장하였다.

이번 주, 어도비는 모바일 플랫폼용 플래시 플레이어 10의 신버전을 내년에 선보이겠으며, 올해는 Palm의 WebOS와 윈도모바일 퍼블릭 베타 버전을, 심비안과 아드로이드는 2010년에 베타를 선보이겠다고 발표하였다. 스마트폰 시장의 두 주역, RIM의 블랙베리와 애플의 아이폰/아이포드 터치가 빠져 있다.

어도비는 CS5 플래시 개발툴에, 아이폰 네이티브 앱을 만들 수 있게 하겠다고도 홍보한다. 이 앱은 플래시 앱이 아니며, 아이폰의 플래시 재생과는 전혀 상관이 없다. 웹페이지에 있거나 별도의 앱으로 돌리지도 않는다.

Creating iPhone apps using Flash CS5

플래시 "애플리케이션은 HTML, CSS, 자바스크립트를 사용한 개방형 표준 콘텐트와는 달리, .swf의 어도비 독자 포맷을 사용한다. 그래픽이나 영상같은 콘텐트 파일을 어도비의 액션스크립트(ECMAScript (JavaScript)의 일종이다)로 싸하 놓은 바이너리 파일이 .swf 파일이다. CS5에서 플래시 개발툴은 새로운 플래시 프로젝트를, .swf 파일이 아니라 표준형 아이폰 앱으로 추출시킬 수 있다.

어도비는 현재 애플이 지원하는 오픈소스 컴파일러 기술인 LLVM(Low Level Virtual Machine)과 엑스코드 개발툴을 사용하여 위 기능을 제공하고 있다. 어도비 플래시 개발 앱의 다음 버전은 플래시의 액션스크립트를 네이티브 아이폰 코드로 간단하게 컴파일시킬 것이다. 자바나 Scheme, 그 외 언어를 사용하여 코드를 짜가지고 C나 오브젝티브-C를 사용하여 컴파일할 수 있게 해 주는 기존의 툴처럼 말이다.

아이폰은 가상머신을 통해 별도의 언어를 지원하는 디자인이 아니다. 즉, ARM용으로 네이티브 C/오브젝티브-C 컴파일이 아닌, "본형(raw)"의 자바나 플래시, .Net, 실버라이트를 돌리지 않는다. 이는 애플의 SDK 서약서에 쓰여있는대로이다. 물론 네이티브 C/오브젝티브-C로 기존 코드를 컴파일하여 아이폰용 앱을 만드는 데에는 제한이 없다.



Porting Flash to the mobile

기존의 플래시 프로젝트를 아이폰용으로 바꾸려면 추가적인 작업이 필요할 것이다. 어도비의 지적에 따르면, 웹 사용자들을 겨냥한 플래시 앱의 목표 해상도는, 아이폰의 320×480 해상도가 아니다. 정확한 마우스 포인터 사용을 염두에 둔 디자인일 경우, 터치 네비게이션도 작동 안할 것이다.

어도비 대변인인 밴소드(Aditya Bansod)가 블로그에 포스팅한 글이다. "데스크톱 애플리케이션 환경에서 종종 사용하는 특정 비헤이비어를 아이폰에 적용시킬 필요는 없을 것이다. 아이폰은 데스크톱 컴퓨터가 아니다. 아이폰은 매우 세련되고 강력한 하드웨어이지만, 세대별로 기능 차이와 사용 가능한 메모리, 애플리케이션이 프로세싱할 수 있는 용량이 매우 다르다."

어도비의 아이폰 애플리케이션 FAQ는 다음과 같이 적혀 있다. "아이폰과 아이포드 터치는 대부분의 데스크톱 PC와 맥의 프로세서보다 상당히 느리기 때문에, 데스크톱 컴퓨터에서 돌리는 것보다 콘텐트가 느리게 돌아갈 수 있다. 하지만 그 차이는 특정 콘텐트에 어느 정도나 의지하느냐에 따라 달려 있다."

The many faces of Flash

어도비는 또한 어떠한 플래시 콘텐트라도, 혹시 아이폰용 앱으로의 전환을 염두에 두고 있다면 액션스크립트 3.0을 사용해야 한다고 적고 있다. 액션스크립트 3.0은 플래시 9와 함께 나온 스크립트이다. 예전의 플래시는 액션스크립트 1.0이나 2.0을 썼고, 이 두 버전과 액션스크립트 3.0은 완전히 다른 가상머신을 사용하여 돌아간다. 데스크톱용 플래시 플러그인은 두 가지의 가상머신을 모두 제공하는데, 하나는 기존의 액션스크립트 1/2 바이트코드용이고, 다른 하나는 3.0용이다.

기존 어도비의 모바일용 플래시인 플래시 라이트 3.0은 액션스크립트 2.0만을 지원한다. 즉, 플래시 라이트는 현대적인 플래시 9나 10 콘텐트를 돌릴 수 없다는 얘기다. 어도비는 새로이 플래시 10 플레이어를 선보이면서, 내년도 즈음이면 휴대용기기 사용자들이 액션스크립트 3.0만을 돌리도록 목표삼았다. 돌려 말하면, 플래시 라이트와 돌아가는 것으로 디자인된 플래시 콘텐트가 새 기기에서는 돌아가지 못할지도 모른다는 얘기다.

물론 다중의 가상머신을 사용하고, 리소스에 별다른 제약이 없는 데스크톱 버전의 플래시인 경우, 현대적인 플래시 콘텐트 채택에 무리가 없다. 하지만 그렇게 마음대로 해서는, 배터리 수명과 프로세서 파워에 제약이 있는 휴대기기 영역으로 바로 전환시킬 수 없다.

3.0 바이트코드만을 지원할 "완전한" 모바일 버전의 플래시 10으로 어도비는 무슨 계획을 세웠을까? 이제 4~5년된 기존의 모든 플래시 콘텐트를 갑자기 퇴출시키는 것일까? 현재 어도비의 모바일 전략인 플래시 라이트와 연동되는 디자인도 다 포함된다. 즉, 모바일용 플래시 개발자들은 새 모바일 플레이어로 돌리기 위해, 자신의 플래시 코드를 모두 재작성해야 한다. 이는 플래시 제일의 장점을 훼손시킬 중대한 이유로 작용할 수 있다. 그 장점은 다름 아닌, 널리 퍼져있는 기반이다.



추가적으로, 현재 휴대폰 웹 트래픽의 절반 정도는 아이폰이 차지하고 있다. 즉, 모바일 플래시 개발자들은 기존 플래시 콘텐트를 모두 액션스크립트 3.0으로 재작성해야 할 가치가 있을지 고민해야 한다. 내년 언젠가 나올 플래시 플레이어 10용으로 돌리려면, 아이폰이 아닌 플랫폼만 목표를 삼아야 하기 때문이다.

따라서 표준형 자바스크립트를 사용한 HTML 5 앱이 그 대안이다. HTML 5 앱은 이미 아이폰과 그 외 웹킷 모바일 브라우저(노키아의 심비안, 구글의 안드로이드, RIM의 블랙베리, Palm의 WebOS)에서 잘 돌아가고 있다.

이런 개방형 콘텐트는 아이폰과 블랙베리 전용이 아니다. 사파리나 크롬, 모질라의 파이어폭스, 오페라, 심지어 구글의 크롬 프레임 플러그인을 사용하는 인터넷 익스플로러에서도 돌아갈 수 있다.


HTML5 assault on Adobe Flash heats up with ClickToFlash — RoughlyDrafted Magazine