html 태그를 걸기 위해서 어차피 한번의 업로드는 불가피합니다. 더라비린스에는 mp3 업로드 하는 기능이 없기 때문에 url을 걸기 위한 다른 사이트가 필요합니다. 가장 쉽게 사용하고 관리할 수 있는 곳이 구글 드라이브 (https://drive.google.com/drive/my-drive) 입니다. 간단한 단계로 알려드릴게요.
1. 구글 드라이브에 mp3파일을 드래그해서 업로드합니다.
2. 업로드된 파일을 우클릭해 '공유' 버튼을 누릅니다.
3. 업로더 외의 사람들도 음악을 들을 수 있도록 '링크보기' 탭에 있는 '제한됨' 을 '링크가 있는 모든 사용자들에게 공개'로 바꾸어줍니다.
4.링크보기 탭에서 https://drive.google.com/file/d/★/view?usp=sharing 형태의 링크를 볼 수 있습니다. ★ 부분을 복사해둡니다.
5. 미궁제작의 HTML탭으로 갑니다.
6.
<audio loop="" autoplay="autoplay">
<source src="https://docs.google.com/uc?export=open&id=☆" type="audio/mp3">
</audio>
를 복사해 붙여넣고 ☆ 부분에 ★ 를 입력해 넣습니다.
7. 미리보기를 통해 테스트합니다. 제가 설정해 둔 값은 자동재생에 무한 루프입니다.
한가지 팁으로 모바일로는 어떠한 방법을 사용해도 자동재생이 되지 않습니다 ㅠㅠ 피싱 방지 등의 이유가 있다고 하네요.
제가 제 미궁에 사용한 소스코드는
<audio loop="" autoplay="autoplay" id="white">
<source src="https://docs.google.com/uc?export=open&id=1qBHm5AInwQx0-pIGjKsleojaQWFhRwRC" type="audio/mp3">
</audio>
입니다. 가져가서 써보신 후 잘 작동한다면 수정해서 써보심이 좋을 것 같습니다.
다른 궁금한 점이 있으시다면 MyBlue의 태그를 더 보내드리겠습니다.
전체미궁
