html,자바스크립트 Video엘리멘트를 추가/제거하며 배열로 관리했을때 나타나는 문제에대한 질문입니다.

Question

안녕하세요. 특정 기능을 넣기 위해 상황에따라 Video를 추가/제거하고 각각의 배열에 담아 관리를 하는 페이지를 만들고 있습니다.문제가 생기는 상황은 다음과 같습니다. 비디오 추가하는 구문입니다.(div 지역까지 같이 추가합니다) $(".inner").append('

'); 클라이언트 접속-> 비디오 추가/ remoteVideo[0] 배열에 담음 > 2번째 사용자 추가 remoteVideo[1]번 배열에담음remoteVideo[0] .[1] 에 비디오에 내용을 넣고 재생 -> 화면에 표시 정상적으로 성공특정 상황 발생시 특정 함수를 호출 -> remoteVideo[0] = null 한 후 바로 다시 비디오 추가 후 remoteVideo[0] = 새 비디오 / 이렇게 담음 함수내에서 바로 동영상 재생(성공)제거하는 구문은 다음과 같습니다. $("#multi_video"+id).detach(); $("#multi_video_div"+id).detach(); 문제는 여기서부터입니다. 이렇게까지는 잘 작동하지만 함수를 호출해서 배열에 담은 직후다른 함수에서 remoteVideo[0]의 비디오 내용을 바꾸거나 하면 작동하지 않습니다.비디오를 당장 제거하고 추가하는 함수 내에서 바로 컨텐츠 실행하면 잘 작동하는데다른함수에서 해당 배열을 호출하고 컨텐츠 실행하면 해당 비디오를 못찾는지 궁금합니다. 비디오 제거가 잘못된건지, 제대로 제거가 잘 안된건지 정말 이상하네요..혹시 아시는분 계신다면 답변 부탁드립니다.

Baobab tree · Accepted Answer

일단 오류가 발생하는 다른 함수에서 배열이 어떻게 넘어오는지 로그를 찍든, 브레이크 포인트를 찍어서 한번 보시죠.두 함수가 있을 때 한 함수에서는 값이 제대로 오고, 다른 함수에서는 안올 때의 문제는 보통 스코프 문제일 경우가 있으니 스코프도 확인해보시구요.만약에 비디오 제거가 제대로 안되었을 경우라는 혹시 모르니 detach() 함수 말고, remove()로 없애보시죠. 그리고 이건 다른 얘기인데, 비디오 전환을 할 때 굳이 video element를 다 없애지 않고 src attribute만 바꿔도 다른 영상으로 바뀌긴 합니다.

세이론 · Answer

확인해본 바로는 변수 생성시 담겨져 있는 배열을 추 후 변경했을때 문제가 되는 것 같습니다..참고할수 있도록 답변주셔서 감사합니다

html,자바스크립트 Video엘리멘트를 추가/제거하며 배열로 관리했을때 나타나는 문제에대한 질문입니다.

2개의 답변

#elements 목록