# getUserMedia

infinity-blue

Problem: 위와 같은 코드를 실행하였을 때 제목과 같은 에러 메시지가 뜬다. Attempts: 내가 시도해 본 것은 다음과 같지만 오류는 그대로였다. chrome://flags -> Insecure origins treated as secure 란에 해당 웹 주소 입력하기. https로 웹 접속. 브라우저 캐시 삭제 Solution: 위 코드블락의 mediaDevices 부분을 삭제하고 다시 썼더니 오류가 해결되었다. 아마 코드 에디터 내의 캐시 문제가 아니였을까 싶다.

kkookk55

이번 프로젝트에선 비디오는 아직 미정이지만 실시간 채팅과 음성채팅 기능을 구현하기로 하였습니다. 구현이 완료 되지 않았지만 작성한 코드먼저 확인하겠습니다! Card.jsx 게임방 페이지 내의 입장한 유저들의 프로필을 확인할수 있는 유저카드 컴포넌트 코드입니다 를 이용하여 사용자의 마이크와 비디오 미디어를 얻어오고 인자로 위의 객체를 전달하여 줍니다. useRef 훅을 이용하여 video 요소를 불러오고 srcObject에 얻어온 미디어를 할당하여주었습니다.

leeyw2709

Video 태그 정의 HTML video 태그는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다. 매개변수 autoplay 준비되는 비디오가 즉시 재생을 시작하도록 지정 autoplay="false" ==> autoplay 비활성화 muted 비디오의 오디오 출력이 음소거되도록 지정 poster 이미지가 동영상을 다운로드하는 동안 표시, 또는 사용자까지 재생 버튼 안타를 지정합니다. width, height 비디오 플레이의 너비와 높이 설정 예시 공식 문서: https://developer.mozilla.org/ko/docs/Web/HTML/Element/Video MediaDevices.getUserMedia() 정의 사용자에게 미디어 입력 장치 사용 권한을 요청하며, 사용자가 수락하면 요청한 미디어 종류의 트랙을 포함한 Med