220814

동영상 일시정지랑 플레이 버튼 따로 만들어서 

플레이중 일시정지 할 때 일지정지 버튼 보여야됨
일시정지중 플레이 할 때 플레이 버튼 보여야됨

위 기능 구현하려고 일단 버튼이랑 아이콘만 만들어놨는데,, 오디오 만들었던 거랑 똑같이 해보려다가 막혔다. 

new Video()는 못쓰는건가,,,

그리고 useRef 가 미디어 재생에 쓰이는 훅이라고 해서 사용해보려는데 쉽지 않다.

 

useState를 사용해서 기본값을 false로 두고 버튼을 누르면 true이면서 play하고 

다시 버튼을 누르면 false가 되면서 pause될 수 있도록 하였다.

videoElement에 pause(), play()가 있어서 유용하게 사용할 수 있었다.

 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play

HTMLMediaElement.play() - Web APIs | MDN

 

 

재생바도 만들었는데 아직 기능까지 구현하지 못했다.

 

mdn 문서가 유용하다는것을 다시 한번 알게 되었고 문서를 보고 어떻게 적용할 수 있을지 더 여러 시도를 해봐야겠다.