모바일 이용가능 센서

위치정보

gps, 와이파이, ip , bluetooth , rfid  등 기타 정보를 활용하여 위치 반환

api가 실제 주소를 반환한다는 보장은 없음

데모: https://html5demos.com/geo/

지원 확인 브라우저: 크롬

지원 불가능 브라우저: 카카오

스마트폰 자이로 센서 활용

자이로스코프를 활용하여 가속도, 회전도, 디바이스 움직임 감지 가능

데모: http://cosmosplus.byus.net/temp/gyro_example.html

https://intel.github.io/generic-sensor-demos/orientation-phone/

https://intel.github.io/generic-sensor-demos/websensor-panorama/

https://www.audero.it/demo/device-orientation-api-demo.html

지원 확인 브라우저: 크롬, 카톡 브라우저

안드로이드 가능

아이

조도 탐지

밝기 탐지 가능

데모: https://deanhume.github.io/ambient-light-sensor/          (chrome://flags/#enable-generic-sensor-extra-classes에서 사용 설정 후에만 사용가능)

지원 확인 브라우저: 크롬(설정 후에만 사용 가능)

배터리 감지

현재 디바이스의 배터리 탐지가능(노트북, 모바일 둘다 가능) (아이폰 안 됨)

데모: http://pazguille.github.io/demo-battery-api/

지원 확인 브라우저: 크롬, 파이어폭스, 오페라, 카카오

지원 불가능 브라우저: ie, 사파리

기기 시스템 공유

안드로이드에서 깔려있는 앱을 인지하고 공유를 보여주는 시스템 공유 버튼 사용 

데모: https://hospodarets.com/demos/web-share-api/

지원 확인 브라우저: 크롬

지원 불가능 브라우저: 크롬 제외 나머지

브라우저 알림

브라우저에서 알림 설정 가능

데모: https://www.audero.it/demo/web-notifications-api-demo.html

지원 확인 브라우저: 크롬

지원 불가능 브라우저: 카카오

음성인식

마이크 허용시 음성을 듣고 텍스트로 변환 가능

데모: https://www.audero.it/demo/web-speech-api-demo.html

지원 확인 브라우저: 크롬

지원 불가능 브라우저: 카카오

핸드폰 진동시키기

핸드폰 진동 이벤트 발생 가능(무음일 시 안됨)

데모: https://www.audero.it/demo/vibration-api-demo.html

지원 확인 브라우저: 크롬

지원 불가능 브라우저: 카카오

사용자 카메라 엑세스

사용자의 현재 카메라 컨텐츠 웹에서 동영상으로 띄우는 것이 가능

데모: https://www.audero.it/demo/getusermedia-api-demo.html

지원 확인 브라우저: 크롬

지원 불가능 브라우저: 카카오

페이지 현재 보이나 숨겨져 있나 인식 및 페이지 방문 횟수 인식

데모: https://www.audero.it/demo/page-visibility-api-demo.html

지원 확인 브라우저: 크롬, 카카오

현재 네트워크 와이파이 셀룰러 감지

데모: https://www.audero.it/demo/network-information-api-demo.html

지원 확인 브라우저: 크롬

참고 링크

https://github.com/AurelioDeRosa/HTML5-API-demos

http://html5dev.tistory.com/232