본문 바로가기
자바스크립트와 캔버스

http 웹페이지에서 카메라, VR 제어 권한 주기

크롬브라우저의 업데이트로 인해 http 주소에서는
카메라 제어나 휴대폰의 VR기울기 센서를 제어할 수 없도록 변경되었었는데요.

기본적으로 https 주소에서만 카메라나 VR기울기센서를 사용할 수 있습니다.

그렇다고 https 인증서를 구매해서 적용하자니 돈이 들고 해서
나중에 기회가 되면 알아볼까 했었는데요.

오늘 드디어 http 주소에서도 카메라, VR을 제어할 수 있는 방법을 알아내어 공유합니다!

단, 이 방법은 사용자 본인이 각각 적용할 URL을 직접 입력해야 작동되는데요.
먼저 아래 URL 에 접속하신 다음에,

chrome://flags/#unsafely-treat-insecure-origin-as-secure

Disabled 선택상자를 클릭, Enabled 로 바꿔 주세요

그리고 제어를 허용할 도메인을 적어 줍니다.
여러 도메인을 허용할 경우 여러줄을 적어주시면 되구요.

마지막으로 화면 하단에 Relaunch 버튼을 선택하시면 됩니다.

그리고 나서 웹페이지에 접속하시면 되는데요.

확인해보고 싶으신 경우 위 설정에 http://dreamplan7.cafe24.com 주소를 추가해주신 다음에,

휴대폰에서 크롬브라우저에서(기본 브라우저는 해당 없습니다. 아마도 다른 방법이 있을것 같습니다.)
아래 웹페이지에 접속하신 다음,

http://dreamplan7.cafe24.com/canvas2/three016.html

우측상단의 VR 체크상자를 선택하시면 됩니다.

 

그리고 휴대폰으로 이리 저리 돌려보면 기울기 센서에 따라 방 안에서 가상 세계를 구경하실 수 있습니다 :)
이게 도대체 왜 안되나~ 하다가 오늘 드디어 원인을 찾아 냈지요 ㅎ

아래는 전에 만든 관련 영상입니다.
당시에는 http 에서도 VR 기울기 센서를 기본으로 사용 가능했었지요 :)

https://www.youtube.com/watch?v=VJZPewzuf5w 


방문해주시는 모든 분들께 늘 감사드립니다.

도움이 되셨다면 공감 한방, 댓글은 굿잡!
감사합니다~