NotionNext 문서

Appearance

음악 플레이어 ​

이전 원문: 음악 플레이어 게시일: 2023-8-4 마지막 편집: 2024-9-7 원래 분류: 🧷 외부 확장

활성화 방법 ​

백엔드에 환경 변수 NEXT_PUBLIC_MUSIC_PLAYER를 추가하고 값을 true로 설정하면 음악 플레이어 기능을 켤 수 있습니다.

플레이어 설정에 대한 자세한 내용은 APlayer 공식 사이트를 참고하세요.

APlayer

JavaScript
// 음악 재생 플러그인
  MUSIC_PLAYER: process.env.NEXT_PUBLIC_MUSIC_PLAYER || false, // 음악 재생 플러그인 사용 여부
  MUSIC_PLAYER_VISIBLE: process.env.NEXT_PUBLIC_MUSIC_PLAYER_VISIBLE || true, // 왼쪽 아래에 재생과 전환 버튼을 표시할지 여부입니다. 플레이어를 사용하면서 자동 재생을 켠 뒤 숨기면 배경 음악처럼 재생되며 취소하거나 일시 정지할 수 없습니다.
  MUSIC_PLAYER_AUTO_PLAY: process.env.NEXT_PUBLIC_MUSIC_PLAYER_AUTO_PLAY || true, // 자동 재생 여부입니다. 자동 재생은 종종 동작하지 않습니다. 모바일 기기는 자동 재생을 지원하지 않습니다.
  MUSIC_PLAYER_SHOW_LRC: process.env.NEXT_PUBLIC_MUSIC_PLAYER_SHOW_LRC || false, // 가사 표시 여부입니다. 가사 경로가 설정되어 있어야 하며, meting에는 적용되지 않습니다.
  MUSIC_PLAYER_CDN_URL: process.env.NEXT_PUBLIC_MUSIC_PLAYER_CDN_URL || 'https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/aplayer/1.10.1/APlayer.min.js',
  MUSIC_PLAYER_ORDER: 'list', // 기본 재생 방식입니다. 순차 재생은 list, 랜덤 재생은 random입니다.
  MUSIC_PLAYER_AUDIO_LIST: [ // 예시 음악 목록입니다. 아래 설정 외에도 가사를 설정할 수 있습니다. 자세한 설정 항목은 https://aplayer.js.org/#/zh-Hans/ 문서를 참고하세요.
    {
      name: 'Kaze wo Tomo ni Mau Kimochi',
      artist: 'Falcom Sound Team jdk',
      url: 'https://music.163.com/song/media/outer/url?id=731419.mp3',
      cover: 'https://p2.music.126.net/kn6ugISTonvqJh3LHLaPtQ==/599233837187278.jpg'
    },
    {
      name: 'Royal Capital Grancel',
      artist: 'Falcom Sound Team jdk',
      url: 'https://music.163.com/song/media/outer/url?id=731355.mp3',
      cover: 'https://p1.music.126.net/kn6ugISTonvqJh3LHLaPtQ==/599233837187278.jpg'
    }
  ],
  MUSIC_PLAYER_METING: process.env.NEXT_PUBLIC_MUSIC_PLAYER_METING || false, // MetingJS를 켜고 플랫폼에서 재생목록을 가져올지 여부입니다. 사용자 지정 MUSIC_PLAYER_AUDIO_LIST를 덮어씁니다. 자세한 내용: https://github.com/metowolf/MetingJS
  MUSIC_PLAYER_METING_SERVER: process.env.NEXT_PUBLIC_MUSIC_PLAYER_METING_SERVER || 'netease', // 음악 플랫폼: [netease, tencent, kugou, xiami, baidu]
  MUSIC_PLAYER_METING_ID: process.env.NEXT_PUBLIC_MUSIC_PLAYER_METING_ID || '60198', // 대응되는 재생목록 id
  MUSIC_PLAYER_METING_LRC_TYPE: process.env.NEXT_PUBLIC_MUSIC_PLAYER_METING_LRC_TYPE || '1', // 선택값: 3 | 1 | 0. 0은 lrc 가사 비활성화, 1은 lrc 형식 문자열, 3은 lrc 파일 url입니다.

보완 예정

원문 링크 ​

https://docs.tangly1024.com/article/notion-next-plugin-music-player