프론트엔드/제작 일지

BGM 플레이어, 리스트 스타일 선택 추가

Marshall K 2019. 5. 25. 22:18


글이 시작하기 전 비디오가 나옵니다.



스크롤을 내리면 헤더 아래에 BGM이란 버튼이 생기고 클릭하면 이렇게 내려옵니다.

기능

재생 / 일시정지

정지 - 비디오를 즉시 정지하고 다음부턴 비디오를 재생하지 않음

랜덤 - 랜덤으로 다른 곡 재생



곡 목록은 즐겨 듣는 노래 중 골라봤습니다.

근데 고르다 보니 곡 고르다 날 샐 기세여서 그냥 적당히 고르다 말았습니다.

에미넴 같은 가수는 최대한 약한 노래만 골라서 넣었습니다.


뮤직비디오, 라이브 무대, 그냥 음악만 나오는 영상 등 다양하게 있습니다.





글 목록 화면에서 리스트 스타일을 정할 수 있습니다.


왼쪽부터 Masonry, 갤러리형(사각형) 리스트, 텍스트 중심 리스트입니다.

즉시 변경되진 않고, 다음 로딩부터 방문자가 설정한 대로 변경돼서 표시됩니다.