뮤지션 또는 밴드 사이트에서 팬과 음악을 공유하세요.

오디오 블록 또는 임베드 블록을 사용하여 사이트에 음악을 추가할 수 있습니다. 이 가이드를 사용하여 음악을 발표하는 데 가장 적합한 방법을 선택하세요.

팁: 뮤지션이거나 밴드 구성원이라면 뮤지션 또는 밴드 사이트 구축을 참조해 소셜 미디어 플랫폼을 연결하고 상품을 판매하는 방법을 알아보세요.

블록 사용

아래 나열된 블록을 사용하여 다음을 포함한 모든 블록 콘텐츠 영역에 오디오를 추가할 수 있습니다.

• 레이아웃 페이지
• 블로그 게시물
• 바닥글
• 이벤트
• 제품 추가 정보
• 사이드바(버전 7.0)

블록 사용에 대해 더 알아보려면 블록으로 콘텐츠 추가를 방문하세요.

오디오 블록

오디오 블록을 사용하여 사이트에 단일 트랙을 추가하세요. .mp3 파일 또는 .m4a 파일을 업로드할 수 있습니다. 컴퓨터에서 파일을 직접 업로드하거나 클라우드 스토리지 플랫폼에서 URL을 추가하세요.

팁: 팟캐스트 에피소드에 오디오 블록을 사용할 수도 있습니다.

임베드 블록

임베드 블록을 사용하여 Spotify 또는 Stitcher와 같은 서드파티 서비스에서 오디오를 추가하세요. 서비스에서 코드를 복사한 후 임베드 블록에 추가하세요. 임베드 블록이 작동하지 않으면 코드 블록을 사용해 보세요.

SoundCloud 블록

SoundCloud 블록을 사용해 SoundCloud에 호스팅된 오디오 트랙을 임베드하세요. SoundCloud의 임베드 설정을 사용하여 블록의 디스플레이를 사용자 지정할 수 있습니다.

비디오 블록

비디오 블록을 사용해 뮤직 비디오나 비디오 파일로 업로드된 음악을 공유하세요. YouTube 또는 Vimeo에 호스트된 비디오를 추가할 수 있습니다.

음악 자동 재생

방문자가 페이지를 열 때 자동으로 음악이 재생되도록 하려면 SoundCloud 블록을 사용하세요.

1. SoundCloud 트랙에서 공유를 클릭한 다음 임베드 탭을 클릭합니다.
2. 자동 재생 활성화에 체크하세요.
3. 임베드 옵션을 사용하여 코드를 SoundCloud 블록에 추가하세요. 방문자의 브라우저 설정이 미디어 자동 재생을 허용하면, 페이지를 열 때 트랙이 재생됩니다.

참고: 일부 브라우저의 최신 버전에서는 기본적으로 모든 자동 재생 오디오를 차단합니다. 방문자는 브라우저 설정을 조정하여 자동 재생을 허용할 수 있습니다.

다른 소스의 음악을 자동 재생할 수 있는 옵션은 없으며 사용자 지정 코드를 통해서만 가능합니다. Squarespace에서 사용자 정의 코드를 사용하는 것은 고급 수정입니다. 해당 작업 또는 코드 기반 사용자 정의에 대해서는 지원이나 문제 해결을 제공할 수 없습니다.

다운로드 가능한 음악 판매

Squarespace 커머스를 사용하여 사이트에서 다운로드 가능한 음악을 다운로드 제품으로 판매할 수 있습니다. 커머스를 시작하려면 Squarespace의 커머스 비디오 시리즈 버전 7.1 또는 버전 7.0을 시청해 주세요.

Spotify 플레이리스트 임베드

임베드 블록을 사용하여 Spotify 플레이리스트를 추가하면 방문자가 Squarespace 사이트에서 직접 음악을 스트리밍할 수 있습니다.

1. Spotify 데스크톱 앱에서 임베드하려는 플레이리스트로 이동합니다.
2. 플레이리스트 제목 아래에 있는 ... 아이콘을 클릭합니다.
3. 공유 위에 커서를 올린 다음 플레이리스트 임베드를 클릭하세요.
4. 임베드된 플레이리스트의 색상과 크기를 설정한 후 복사를 클릭하세요.
5. Squarespace 사이트에서 플레이리스트를 추가하려는 페이지로 이동합니다.
6. 임베드 블록을 추가하세요.
7. 블록 편집기에서 텍스트 필드 오른쪽에 있는 >을 클릭합니다.
8. 플레이리스트 임베드 코드를 코드 추가... 텍스트 필드에 붙여넣습니다.

참고: 사용자 지정 코드 수정은 Squarespace 지원 범위에 포함되지 않습니다. 이는 설정이나 문제 해결에 대해 더 이상 도움을 드릴 수 없음을 의미합니다. 또한, 이 솔루션은 코드 기반이기 때문에 기능이나 Squarespace와의 완전한 호환성을 보장할 수 없습니다. 여기에는 반응형 디자인이 모바일 기기에서 어떻게 표시되는지, 특히 모든 템플릿에서 작동하는지 여부가 포함됩니다. 사용자 지정 코드는 향후 플랫폼 업데이트 시 표시 문제를 일으킬 수 있습니다. 더 이상 도움을 드릴 수는 없지만, 올바른 방향을 제시할 수 있는 자료는 많습니다.

• 사용자 정의 코드를 추가하는 모범 사례를 배워 보세요.
• 서드파티(타사) 사용자 지정에 대한 일반 가이드를 읽어보세요.
• 고객 및 개발자 커뮤니티인 Squarespace Forum을 방문하세요.
• Squarespace Expert를 고용하여 나의 사이트에 맞춤형 코드를 구축하는 데 도움을 받으세요.

앨범 또는 커버 페이지를 사용하세요(버전 7.0)

앨범 페이지

앨범 페이지 는 전체 앨범 또는 트랙 컬렉션을 표시하는 데 가장 적합합니다. 앨범 아트워크를 표시하고 검색 가능한 태그와 카테고리를 추가할 수도 있습니다.

커버 페이지

커버 페이지를 사용해 앨범이나 오디오 트랙을 사이트 소개로 보여주세요. 표지 페이지는 단일 페이지 사이트, 새 음악 발표, '공사 중' 또는 "곧 출시 예정" 페이지에도 적합합니다.

오디오용으로 설계된 일부 레이아웃은 단일 트랙을 강조하고 다른 레이아웃은 전체 재생 목록을 표시합니다. 예를 들어 투어 레이아웃은 다음 또는 이전 트랙으로 건너뛸 수 있는 컨트롤과 함께 한 번에 하나의 트랙을 표시합니다.