현대 장치 센서와 고급 웹 사용자 경험을 제공 하는 HTML5

오늘, 우리는 Http://www.aliyun.com/zixun/aggregation/79228.html에 Deviceorientation 이벤트 사양 초안의 프로토타입 구현 출판 > Html5labs.com. 이 사양은 실제 방향과 장치의 운동에 관련 된 정보를 제공 하는 새로운 DOM 이벤트를 정의 합니다. 이러한 Api 웹 개발자가 쉽게 현대 장치에서 센서와 고급 웹 사용자 경험을 제공할 수 있게 됩니다.

개발자 혜택

장치 방향에 API, 개발자는 응용 프로그램에 대 한 게임, 새로운 제스처에 대 한 새로운 입력된 메커니즘을 둘러볼 수 있습니다 ("화면에 떨고"와 같은 또는 "확대 기울기") 또는 심지어 실제 경험을 확대. 프로토타입 설치 API 사용을 시작할 수 있도록 예제 게임을 포함 합니다.

이 비디오는이 250. html의 도입에 대 한 동적 형태로 개념 설명 > 게시.

작업 하는 방법

장치 방향 API는 두 가지 유형의 센서 데이터 노출: 방향 및 모션.

장치의 실제 방향 변경 될 때 (예를 들어 사용자 다리 또는 회전 장치), 창에서 Deviceorientation 이벤트가 발생 하 고 알파, 베타 및 감마 회전 각도 (도)에서 제공 됩니다:

< div id = "방향" >< / div >

< 스크립트 >

Window.addeventlistener ("Deviceorientation", Findnorth);

기능 Findnorth (evt) 없음

var 방향 = document.getElementById ("방향");

경우 (Evt.alpha < 5 | | Evt.alpha > 355) 없음

directions.innerhtml = "북쪽!";

다른 면 (Evt.alpha < 180) 없음

directions.innerhtml = "좌회전";

그 밖에 없음

directions.innerhtml = "우회전";

}

}

</스크립트 >