Movie 테마
이전 문서: Movie 테마 게시일: 2024-3-17 마지막 편집: 2024-9-12 원래 분류: ⭐ 테마 매개변수
테마 미리보기
영상 공유 사이트를 만들 수 있는 테마입니다. 온라인 미리보기: https://movie.tangly1024.com/.
예시 데이터베이스:
NotionNext로 만든 영상 공유 사이트입니다.
활성화 방법
코드를 4.4.0 이상으로 업데이트한 뒤 테마를 movie로 설정하면 됩니다.
Movie 테마
더 간결한 레이아웃에 두 가지 주요 기능이 추가되어 있습니다. 하나는 영상 모음 기능이고, 다른 하나는 DPlayer 플레이어입니다.
영상 모음 기능
💡 Movie 테마는 기본적으로 영상 모음 기능이 켜져 있습니다. 끄려면
/themes/movie/config.js에서 설정하세요.
영상 모음 기능이란 무엇인가요?
한 글 안에 여러 영상이 있고 각 영상에 caption이 지정되어 있으면, 해당 영상들이 글의 원래 위치에서 추출되어 사이트 상단에 모아서 표시됩니다.
💡 caption은 영상의 제목, 설명, 캡션 등을 의미합니다.
caption은 임베드 요소 오른쪽 위의 Caption 버튼을 클릭해 추가할 수 있으며, 기본적으로 왼쪽 아래에 표시됩니다.
아래 첫 번째 이미지는 각 영상에 caption을 추가한 모습이고, 두 번째 이미지는 웹 페이지 상단에 모아 표시된 모습입니다.
지원하는 영상 소스
이 테마의 영상 소스는 아래 세 가지 방식으로 임베드할 수 있습니다.
- Notion과 함께 사용해 Notion에 영상을 업로드하고 재생합니다.
- Bilibili, YouTube 같은 서드파티 영상 플랫폼의 플레이어를 Notion에 Embed로 임베드합니다.
- m3u8 같은 온라인 영상 소스를 DPlayer 플레이어를 통해 Notion에 임베드합니다.
DPlayer 사용 설명
DPlayer는 무료 전문 비디오/음악 플레이어입니다. 영상 링크 다운로드를 지원하고, 다양한 영상 형식과 4K/초고화질 영상 파일을 재생할 수 있습니다. 오디오 플레이어로도 사용할 수 있으며, mp4, mpk, 3gp 등 여러 형식과 m3u8 같은 온라인 스트리밍 링크를 지원합니다.
내장 DPlayer
NotionNext 프로젝트에는 비디오 플레이어가 내장되어 있습니다. 코드는 /public/dplayer.htm에 있습니다. 사이트에서 http://[your-domain]/dplayer.htm?n=[video-url]에 접속하면 영상을 재생할 수 있습니다.
예시
예를 들어 사이트가 https://movie.tangly1024.com이고 영상 주소가 https://yzzy.play-cdn2.com/20220407/8233_5a57bac6/index.m3u8라면, 아래 주소를 Notion에 임베드하면 재생할 수 있습니다.
💡 주의:
http://[your-domain]/dplayer.htm?n=[video-url]을 사용하려면 먼저 사이트를 한 번 온라인에 배포해야 합니다.- 예시 사이트는 항상 열려 있지 않을 수 있으므로 본인 도메인을 사용하세요.