[HTML] video tag 사용 시 유의점

웹캠 사용을 위해 로컬 PC 환경에서 <video> 태그를 사용하여 페이지를 제작하고 동작이 확인된 페이지가
서버에 배포된 후에 브라우저에서 확인했을 때 웹캠 영역이 비어서 나오는 경우가 있다. 😢
이것은 브라우저 보안 기능에 따른 것으로 https로 접근하면 해결이 가능하다.
다만, https 접근을 하려면 도메인과 도메인 인증서가 있어야 하므로
각 브라우저에서 지원하는 보안이 필요한 기능 사용 시에도 접속할 수 있는 화이트 리스트에 접속 주소를 등록하고 사용하면 된다.

크롬에서는 실험실에 해당 기능이 있다.
주소창에 아래 주소를 입력하고, 항목을 Enable로 변경한 다음, 허용 주소를 입력하고, Relaunch 하면 된다.

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

참고로, 아래 페이지에서 보안 연결과 관련된 문제를 해결할 수 있는 몇가지 방법을 알려준다.
https://kinsta.com/blog/your-connection-is-not-private/