본문 바로가기

컴퓨터/HTML,CSS,JS,JQUERY

html, js 기능 정리 - 멀티미디어 제어, 위치 정보 사용

자바스크립트 API 를 사용하면 멀티미디어 기능 요소를 제어할 수 있다.

<비디오/오디오 제어>

- 속성

src : 파일 소스

currentTime : 현재 재생 시간

duration : 재생 길이

volume : 볼륨

- 메소드

play() : 재생 시작

pause() : 일시 정지

- 관련 이벤트

canplay : 재생 가능 시

timeupdate : 재생 중 주기적으로

play : 재생될 때

ended : 재생 종료시

<위치 정보 사용>

GPS가 내장된 모바일 기기에서 정확한 위치 파악이 가능하다. (위,경도 조회)

navigator.geolocation 이용 (내장 객체)

- getCurrentPosition(성공콜백함수, 에러콜백함수, 옵션) : 단발성 위치 요청으로 현재의 위치 정보를 반환한다.

위치 정보 요청 성공 시 성공콜백함수를 실행하며, 콜백함수의 인자인 Position 객체에 위치정보를 전달한다.

- watchPosition(성공콜백함수, 에러콜백함수, 옵션) : 반벅적 위치 요청으로 지속적으로 위치가 갱신된다. (변경된 경우의 위치정보를 가져옴)

- clearWatch() : 추적 취소 (watchPosition()이 반환한 값을 인자로 전달한다.)

- toUTCString() : UTC 기준의 시간으로 시간을 변형해 문자열로 리턴

-Position 객체 - coords.lastitude(위도), longitude(경도), altitude(고도), timestamp(시각)

728x90