비디오 플레이어 커스터마이징 하기

개발자공부 (2021.11~현재)/React

purplecloud 2022. 11. 7. 09:54

리액트로 구현한 페이지에서 비디오 플레이어를 직접 커스터마이징 해봤다. 유튜브 영상을 보면서 따라했다

플레이어에서 제공해야하는 기본 기능 : 재생, 멈춤, 빨리감기, 뒤로감기, 재생시간, 볼륨조절, 뮤트, 총 재생시간, 전체화면

영상에서 보고 따라만든것 외에 유튜브에서 제공하는 것과 유사한 챕터 기능을 추가 했고

슬라이드 부분이 더 자연스럽게 이동하는 것처럼 보이게 하려고 transition css를 추가해줬다.

GitHub - smallstar23/videoplayertest

Contribute to smallstar23/videoplayertest development by creating an account on GitHub.

github.com

사진(영상) 미리보기 & 드래그 앤 드랍 (0)	2022.11.08
React State가 업데이트 되어도 바로 반영되지 않을 때 (api 호출) (0)	2022.11.07
계층형 구조 카테고리 treeview 구현(react-dnd-treeview 외) (0)	2022.11.03
리액트 로그인 유지 구현(스프링 부트 api 호출 방식) (0)	2022.11.02
리덕스(redux) 이해하기 (0)	2022.08.05

Dev Blog - purplecloud