반응형
react-player
-
video 객체를 제대로 초기화하지 못했던 문제Error 2023. 6. 18. 19:09
html에서의 video 태그를 이용하여 아이템들의 이미지에 비디오를 넣어서 보여주는 부분이 필요하였다. 기존 property src에 값을 넣어주어서 재생을 시켰었다. 너무 잘 나왔다. 하지만, 랜더링을 하고 끝이 나면 상관없지만 아이템들을 담은 배열에 가공을 한다던지 새로운 데이터들을 불러와 src에 넣어서 돌려줘하는 경우 (예를 들어, 필터적용과 같은.. ) 기존의 비디오 객체를 제대로 초기화해주지 못하는 현상이 생겼다. 랜더링을 하는 과정에서 제대로 초기화가 되지않고 넣은 탓에 기존의 객체가 남아있어서 그전에 영상이 틀어지는 것 같았다. 동영상 플레이어 구성요소에 올바른 props 또는 state 값을 전달하고 있는지 확인을 해야 했고, URL이 변경될 때 플레이어 소스를 올바르게 업데이트하고 있..