뮤직 앱: SoundCloud 플레이어 추가 및 설정하기
4 분 분량
페이지 메뉴
- 1 단계 | SoundCloud 플레이어 추가하기
- 2 단계 | SoundCloud URL 또는 코드 삽입하기
- 3 단계 | 플레이어 설정하기
- 4 단계 | 플레이어 디자인하기
- SoundCloud 플레이어 문제 해결하기
내 SoundCloud 트랙 및 재생목록을 사이트에 추가하세요. 사용자 지정 가능한 플레이어를 사용하면 트랙, 재생 목록, 팟캐스트를 그 어느 때보다 쉽게 표시할 수 있습니다. SoundCloud의 URL을 붙여넣거나 플레이어에 삽입하기만 하면 됩니다.
![SoundCloud 플레이어가 있는 라이브 사이트의 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/5f51cc2e-7a37-48b1-b79d-82bb41a39d88/ea17243c-9a8b-4c81-b5f5-72fc9aea1e28.png)
1 단계 | SoundCloud 플레이어 추가하기
먼저 사이트에 SoundCloud 앱을 추가하세요. 추후, 음악을 연결하고 플레이어의 설정 및 디자인을 사용자 지정할 수 있습니다.
Wix 에디터
Studio 에디터
대시보드
- 에디터로 이동합니다.
- 에디터 왼쪽에서 요소 추가
를 클릭합니다.
- 동영상 & 음원을 클릭합니다.
- SoundCloud 플레이어를 클릭합니다.
- 플레이어를 페이지로 끌어다 놓습니다.
![SoundCloud 플레이어가 강조 표시된 추가 패널을 보여주는 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/14/f7b0ad5e-9729-4b3c-8ab5-f79060857e54/024cc44a-c689-42c4-8baf-dffcf92e08c9.png)
2 단계 | SoundCloud URL 또는 코드 삽입하기
다음으로, 트랙, 앨범 또는 재생 목록의 URL 또는 삽입 코드를 검색해 사이트의 플레이어에 추가하세요.
SoundCloud URL 또는 코드를 추가하려면:
- (SoundCloud 계정에서) 추가하고자 하는 음악을 검색합니다.
- 공유를 클릭합니다.
- Share 또는 Embed를 클릭합니다.
![SoundCloud의 공유 및 삽입 옵션 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/0b9f4689-8439-44ba-a65c-462964db5e2f/ed5f3bc8-cabc-48e9-99bd-ea7af29448f9.png)
- URL 또는 코드를 복사합니다.
- (에디터에서) SoundCloud 플레이어를 클릭합니다.
- 설정을 클릭합니다.
- URL 또는 코드를 붙여넣습니다.
- 확인을 클릭합니다.
![설정 탭의 확인 버튼 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/bf702127-a964-45c3-b785-5b203ffe11bf/de3591c1-ee6b-46ae-9fef-66da103db7ac.png)
3 단계 | 플레이어 설정하기
이제 SoundCloud 플레이어가 방문자에게 표시할 내용을 선택할 차례입니다. 노래가 재생된 횟수 및 SoundCloud 사용자가 남긴 댓글을 표시할 수 있습니다.
플레이어 설정을 조정하려면:
- 에디터에서 SoundCloud 플레이어를 클릭합니다.
- 설정을 클릭합니다.
- 해당 버튼을 클릭해 재생 횟수 및 댓글 표시 여부를 설정합니다.
![버튼이 강조 표시된 설정 탭의 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/79439b50-e316-4483-8d62-6387f12643cb/b11c4304-8f03-4b65-81b2-e500a2c72a93.png)
4 단계 | 플레이어 디자인하기
마지막으로, 사이트 디자인을 가장 잘 보완할 수 있도록 SoundCloud 플레이어의 디자인을 사용자 지정하세요.
플레이어 디자인을 사용자 지정하려면:
- 에디터에서 SoundCloud 플레이어를 클릭합니다.
- 설정을 클릭합니다.
- 디자인을 클릭합니다.
- 사용자 지정하고자 하는 요소를 선택합니다.
- 레이아웃 선택: 가장 적합한 레이아웃을 선택합니다.
- 색상: SoundCloud 플레이어의 재생 버튼 색상을 선택합니다.
![SoundCloud 디자인 옵션 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8bfd4238-b80c-4a51-9f46-b907c2acff01/2022/10/11/f4554f10-eeca-4742-b209-1dcfc7fc9d5a/6c8181ac-6a85-41d6-9185-2306a1cfe5f6.png)
SoundCloud 플레이어 문제 해결하기
아래의 문제를 클릭해 해결 방법을 확인하세요.
에디터에 오류 메시지가 표시됩니다.
음악이 재생되지 않습니다.
문제가 지속된다면:
문제가 지속된다면, 아래 정보와 함께 문의해 주세요. 최선을 다해 도와드리겠습니다. 다음 정보를 함께 제출해 주세요.
- 사용 중인 브라우저 이름 및 버전
- 컴퓨터 운영 체제 이름 및 버전
- 아래의 지침을 따른 콘솔 보기의 스크린샷
- Google Chrome에서 시크릿 창을 엽니다. (Ctrl + Shift + N)
- Wix에 로그인한 후 에디터를 엽니다.
- 키보드 단축키를 사용합니다. (PC: Ctrl + Shift + J 또는 Mac: Cmd + Option + J )
- 패널 상단에서 Console 탭을 클릭한 후 페이지를 새로고침(F5)합니다.
- 이 탭의 스크린샷을 찍습니다.