html5-rocket

웹 브라우저는 지난 몇 년 동안 성장해 왔습니다. 이제 Internet Explorer 6의 웹 보유가 중단되었으므로 브라우저는 오늘날 웹 사이트에서 활용하는 다양한 새롭고 멋진 기능을 구현하고 있습니다.

이 기사는 오늘날 실제 웹 페이지에서 사용할 수있는 새로운 웹 기술에 중점을 둡니다. 물론, 여러분 중 일부는 의심 할 여지없이 많은 사람들에 대해 들어 보았지만 대부분의 사람들이 그에 대해 들어 보지 못했습니다.

드래그 앤 드롭으로 업로드

많은 웹 사이트에서 파일을 브라우저 창으로 끌어서 놓기 만하면 파일을 업로드 할 수 있습니다. 몇 년 전과 마찬가지로 찾아보기 버튼을 클릭하고 파일 선택기를 사용해야하는 변경을 환영합니다. 빠른 공유를 위해 파일을 Gmail의 전자 메일에 첨부하거나 이미지를 imgur.com에 업로드 할 때 파일을 웹 페이지로 끌어서 놓을 수 있습니다.

드래그 앤 드롭 투 업로드

브라우저에서 3D 그래픽 렌더링

Chrome 및 Firefox와 같은 브라우저는 이제 WebGL을 지원하므로 웹 페이지에서 플러그인없이 3D 그래픽을 렌더링 할 수 있습니다. WebGL은 게임 및 기타 3D 모델에 사용할 수 있지만 WebGL을 사용하는 가장 인기있는 웹 사이트는 아마도 Google Maps 일 것입니다. Chrome의 Google지도에서 'MapsGL'을 사용하도록 설정할 수 있습니다. 그러면 Google지도에서 OpenGL을 사용하여지도를 렌더링하여보다 부드러운 애니메이션이 만들어집니다. 스트리트 뷰를 사용하면지도가 확대 될 때 애니메이션이 표시됩니다. 스트리트 뷰는 Adobe Flash가 아닌 OpenGL로 렌더링됩니다.

Google지도가 충분히 인상적이지 않은 경우 Quake 3 엔진은 브라우저의 WebGL에서 작동하도록 조정되었습니다. 이 웹 사이트는 포인터 잠금 (또는 마우스 잠금) 사양을 사용하여 마우스 포인터를 잡고 게임 영역 내에 유지합니다.

웹 3에서 지진

WebSocket과 통신

HTML은 웹 페이지가 웹 서버와 앞뒤로 통신 할 수 있도록 설계되지 않았습니다. 정적 웹 페이지 용으로 HTML이 만들어졌으며 대부분의 웹 페이지는 현재 해키 폴링 기반 방법을 사용하여 서버와 통신합니다. WebSocket을 사용하면 웹 페이지가 TCP 연결을 통해 전체 통신 채널을 생성하여 웹 페이지가 서버와 데이터를주고받을 때 대기 시간과 네트워크 트래픽을 크게 줄입니다.

WebSockets는 Mozilla의 BrowserQuest 게임에서 사용되므로 브라우저 내에서 실행중인 게임이 서버로 이벤트를주고받을 수 있습니다. WebSockets는 또한 브라우저에서 실행중인 IRC 클라이언트를 작성하는 데 사용되었습니다. 가장 인상적으로 WebSockets는 브라우저에서 실행되는 JavaScript 토렌트 클라이언트를 생성하여 Chrome OS 사용자에게 기본 토렌트 클라이언트를 제공하는 데 사용되었습니다. JSTorrent는 아직 완전히 안정적으로 보이지는 않지만 WebSocket으로 가능한 것들의 좋은 예입니다.

브라우저 퀘스트 서버에 연결

플래시없이 비디오 및 음악 재생

HTML5 비디오는 많은 주목을 받았으므로 많은 사람들은 Flash를 설치하지 않고도 H.264 (MP4), WebM 및 Ogg Theora 형식으로 비디오를 재생할 수 있다는 것을 알고 있습니다. YouTube를 포함한 많은 비디오 웹 사이트는 HTML5 기반 비디오 재생을 제공합니다. 불행히도 많은 웹 사이트는 DRM이 필요하다고 주장하므로 YouTube는 여전히 광고가있는 비디오에 Flash를 사용하고 Netflix는 여전히 비디오에 Silverlight를 사용합니다. HTML5의 "비디오 태그"는 플래시 기반 비디오 플레이어처럼 보일 수 있으므로 비디오 재생이 모바일 장치에서 작동하고 더 나은 성능을 제공한다는 점을 제외하고는 웹 사이트에서 해당 비디오를 사용하고 있음을 알 수 없습니다.

html5-video-on-vimeo

오프라인으로 웹앱 실행

브라우저는 이제 웹 앱이 오프라인에서 작동하여 데이터에 액세스하는 데 사용할 수있는 로컬 데이터베이스 스토리지를 제공합니다. Gmail, 문서 및 캘린더를 포함한 많은 Google 오프라인 웹 앱은 Chrome에서만 작동하지만 Amazon Kindle Cloud Reader는 Firefox와 같은 다른 브라우저에서도 오프라인으로 사용할 수 있습니다. Kindle Cloud Reader를 사용하면 eBook을 다운로드 할 수 있으며 인터넷에 연결되어 있지 않아도 나중에 브라우저에서 오프라인으로 읽을 수 있습니다.

킨들 클라우드 리더-오프라인

웹캠 및 화상 회의에 액세스

웹 페이지는 이제 허락없이 웹캠에 액세스 할 수 있습니다. 웹 페이지는이 기능을 사용하여 프로필 사진 또는 비디오 녹화를 위해 웹캠에서 사진을 찍을 수 있습니다. 그러나 플러그인없이 다른 브라우저간에 화상 회의에 새로운 WebRTC API를 사용할 수도 있습니다. 앞으로 Google 행 아웃에는 플러그인이 전혀 필요하지 않으며 Skype도 브라우저에서 실행됩니다.

알림 팝업 만들기

브라우저는 이제 웹 페이지가 데스크탑 알림을 표시하도록 허용합니다. 예를 들어, 예정된 일정에 대한 알림을 만들면 Google 캘린더에 팝업 알림이 표시 될 수 있습니다. 채팅 및 이메일 웹 사이트는 팝업을 표시하여 새 메시지를 경고 할 수 있습니다.

google-calendar-reminder-pop-up

당신의 위치를 ​​식별

이제 웹 페이지에서 사용자 위치에 대한 액세스 권한을 요청할 수 있습니다. 전용 GPS 칩이있는 태블릿 또는 다른 유형의 장치를 사용하는 경우 브라우저는 GPS 하드웨어를 사용하여 위치를 식별합니다. GPS 칩이없는 장치에서는 근처의 무선 네트워크 이름 또는 ISP 위치를 사용하여 현재 위치를 대략적으로 파악할 수 있습니다. 지리적 위치는 로컬 콘텐츠를 표시하는 웹 사이트에 주소를 입력하지 않아도되며 휴대용 컴퓨터의 GPS 칩을 사용하여 정확한 위치를 결정할 수 있습니다.

google-maps-geolocation

웹 애플리케이션을 기본 애플리케이션으로 설정

브라우저는 이제 웹 응용 프로그램이 기본 응용 프로그램이 될 수 있으므로 브라우저에서 Gmail을 사용하여 mailto :를 클릭하면 전자 메일을 보낼 수 있습니다. 컴퓨터의 아무 곳이나 브라우저 외부에서도 연결할 수 있습니다.

크롬-사용 -gmail- 기본 이메일 앱

브라우저에서 네이티브 코드 실행

다소 논란의 여지없이 Chrome에는 Google의 Native Client가 포함되어 있습니다. Native Client를 사용하면 웹 페이지에서 C 또는 C ++와 같은 언어로 작성된 네이티브 코드를 실행할 수 있습니다. 코드는 보안을 위해 샌드 박스에서 실행되며 거의 기본 속도로 실행됩니다.

Native Client를 사용하면 웹 페이지에서 게임 엔진 및 로컬 비디오 인코딩과 같은 고성능 코드를 실행할 수 있습니다. Chrome OS에서 고급 응용 프로그램을 얻는 경로 일 수 있습니다. Chrome 웹 스토어에는 비평의 요새 포트를 포함하여 Native Client로 작성된 다양한 게임이 포함되어 있습니다.

크롬 요새

브라우저는 빠른 속도로 새로운 웹 기능을 얻고 있습니다. Internet Explorer 6은 더 이상 업계 표준이 아닙니다.

이미지 크레디트 : Flickr의 Christian Heilmann