Issue Tracking

[JavaScript] GetUserMedia using Chrome with localhost without HTTPS

CommitGuy 2021. 9. 15. 12:50

노마드 코더님의 WebRTC를 이용한 줌 클론코딩을 공부하던 중 localhost가 아닌 내 private ip를 이용해 LAN환경에서 실습을 해보고 싶어 나의 private IP로 접근 했더니 GetUserMedia 함수에서 문제가 발생했다.

 

아무래도 내 컴퓨터의 카메라에 접근해 영상 데이터를 가져오는 부분이다 민감한 데이터라 HTTPS를 사용하지 않으면 안되는 모양

 

그래도 실습을 재밌게 하고 싶어 다른 방법이 없을까 찾아보던 중 chrome에서 설정 값을 바꿔주면 되는 것을 발견 하였다.

 

- Chrome에서 아래 url로 접근한다

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

그러면 위와 같이 Insecure origins treated as secure라고 하는 항목이 보이는데 말그대로 secure하지 않는 것을 secure하게 해주는 부분이다.

 

- 나의 insecure한 접근하고자 하는 url을 box 안에 넣고 옆에 Disabled를 Enabled로 바꿔준다

 

- 그러고 난 후 Chrome을 Relaunching 하면 에러 없이 잘 작동하는 것을 확인 할 수 있다

 

보안상 위험하니 실습이 끝나고 나면 다시 원래 세팅으로 되돌려주는 것이 좋다.