크롬브라우저의 업데이트로 인해 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
방문해주시는 모든 분들께 늘 감사드립니다.
도움이 되셨다면 공감 한방, 댓글은 굿잡!
감사합니다~
'자바스크립트와 캔버스' 카테고리의 다른 글
Node.js - Part 11-6. 그림파일도 문제 없어요 (10) | 2022.03.16 |
---|---|
Node.js - Part 11-5. 스크립트의 이해 (6) | 2022.03.15 |
Node.js - Part 11-4. 단 4줄로 정적 웹사이트 만들기 (6) | 2022.03.12 |
Node.js - Part 11-1. express 프레임워크 소개 (6) | 2022.03.09 |
Node.js - Part 10-2. 페이지는 계속 추가할 수 있어요 (14) | 2022.03.08 |