HTML5 5

크롬 11 베타 공개, 음성입력 기능 웹 세상을 바꿀까?

지난 22일 파이어폭스4가 공식 런칭할때 구글은 크롬 공식 블로그를 통해 크롬11 베타를 조용히 내놓았습니다. 하지만 그 내용 만큼은 조용히 넘어 갈 수 없을것 같습니다. 바로 음석입력 API 때문입니다. 구글은 크롬11에 웹 개발자를 위한 음성입력 HTML5 API 추가 했습니다. 이제 웹 개발자들이 간단하게 HTML로 라고 적기만 하면 음성인식 버튼이 생기게 됩니다. 사용자를 그걸 누르고 컴퓨터에다 말만 하면 됩니다. 그럼 음성이 텍스트로 전환되어 빈칸에 나타나게 됩니다. 크롬 11베타라면 한번 테스트해보세요. ^^ 오른쪽 마이크 버튼 클릭!! 크롬 이전 버전은 --enable-speech-input 플래그로 실행하면 됩니다. 정말 위에 저 테그만 집어 넣었을 뿐인데 멋지네요. (사실은 스타일 테그가..

인터넷 2011.03.25

구글 HTML5 개발자 사이트 개설

구글 HTML5 개발자 사이트 구글이 HTML5 개발자 사이트를 개설했네요. HTML5로 만들어진 많은 웹페이지를 직접 구경해 볼 수 있고, 소스도 공개되어 있어서 HTML5를 경험해 보는데 좋을것 같네요. Tutorials에는 간단한 HTML5 소스들에 대해 잘 설명해 놓고 있고, Resources에 소개된 HTML5로 만든 사이트들은 재미있는 곳이 많이 있네요. 그런데 왜 사이트 이름이 HTML5ROCKS일까요? ㅋㅋ 지금은 돌덩어리인데 잘 깍아서 멋진 작품을 만들어 봐라 그런 의미일까요? 아무튼 유용한 사이트 인것 같습니다. HTML5를 공부해 볼 생각이라면 꼭 한번 들러 보세요.

인터넷 2010.06.28

유튜브에서 구글의 새로운 동영상 포맷 '웹M' 적용하는 방법

구글이 몇일전 개발자 컨퍼런스 2010을 통해 새로운 오픈소스 동영상 포맷 WebM(웹M)을 공개 했습니다. 현재 대부분이 업체들이 H.264 코덱을 로열티를 내며 사용하고 있는 상황에서 이제 누구나 무료로 고품질의 코덱을 이용할 수 있게 된것입니다. 구글, 로열티 없는 ‘웹M’ 발표··· 비디오포맷 대격변 유튜브에서는 바로 이 포맷을 적용해 5월19일 이후부터 720p나 그 이상의 해상도에서 일부 영상이 웹M으로 저장될거라고 발표 했습니다. 아직 공식적으로는 WebM을 지원하는 브라우저는 없지만 파이어폭스와 크롬 베타 버전을 이용해 WebM을 미리 적용해 볼 수 있다고 하네요. 간단하게 소개해 드리겠습니다. 1. WebM 지원 브라우저 다운로드(크롬, 파이어폭스) 2. www.youtube.com/ht..

인터넷 2010.05.23

익스플로러9 테스트 버전 간단 후기

익스플로러9 테스트 버전 다운로드(vista, win7) 얼마 전 익스플로러9(이하 IE9) 테스트 버전이 공개 되었습니다. 많은 부분이 개선되고 새로운 기능들이 많이 추가 되었다고 하네요. 크게 몇가지만 살펴보면 HTML5의 지원, 자바스크립트 엔진속도 개선, GPU를 이용한 가속 정도 될수 있을것 같습니다. 일단 먼저 HTML5 지원을 살펴보기 위해 유튜브로 달렸습니다. 그런데 아직 테스트 버전인지라 그런지 정상 동작은 하지 않네요. 비디오가 재생이 안됬습니다. 아직 개발할게 많이 남은것 같네요. 그래도 HTML5를 정식 지원한다는점은 상당히 고무적인 일인것 같습니다. 다음은 자바스크립트 엔진속도 개선입니다. MS는 이 기능을 비교하기 위해 재미있는 테스트를 만들었더군요. IE, 파이어폭스, 오페라,..

인터넷 2010.03.25

HTML5로 구현한 웹기반 포토샵 sketchpad

구글이 유튜브에 HTML5를 지원하면서 HTML5에 대한 관심이 커지고 있습니다. HTML5는 간단히 말하면 외부 플러그인 없이 웹페이지에서 동영상을 재생할 수 있도록 해주는 HTML 차기 제안 버전이죠. 다른 개선 사항도 많이 있지만 이점이 가장 큰 변화하고 보면 될것 같습니다. HTML 주요 기능에 대해서는 hyunyu's blog의 HTML 5란 무엇이며 왜 중요한지에 대한 이야기에 잘 정리 되어 있네요. - Canvas element를 통해서 dynamic한 그래픽을 Javascript만을 이용해서 web page에서 보여줌 - Video element를 통해서 간단하게 web에서 비디오를 play하고 제어함 (유튜브의 HTML5 지원) - Geolocation API로 web browser에서도..

인터넷 2010.02.20