[티스토리] 티스토리에서 오디오 파일 재생하기

 

• 오디오를 파일 형식이 아니라 재생 가능한 형태로 블로그에 넣기

 

1. 오디오 파일 주소 얻기

1-1. URL을 가지고 있는 경우

• 이미 외부 저장소 또는 클라우드에 업로드 되어 URL이 있다면 그 주소를 그대로 사용한다.

 

1-2. 오디오 파일을 가지고 있는 경우

• 오디오 파일을 구글 클라우드 등에 업로드 해서 URL을 받아야 한다.
• 업로드 후 [링크 생성] - 액세스 설정을 <링크가 있는 모든 사용자>로 변경 - [링크 복사]

 

링크 생성 클릭

링크가 있는 모든 사용자로 액세스 설정 후 링크 복사

 

 

• 복사한 링크 주소는 아래와 같은데, 이걸 공유 파일에 직접 접근할 수 있는 링크로 변경해야 한다.

https://docs.google.com/uc?export=open&id=

 

• 빨간 박스 부분의 ID를 복사해서 붙여넣으면 된다.

 

 

2. HTML 코드 넣기

<audio controls>
  <source src="오디오 파일 URL">
</audio>

<audio controls>
  <source src="https://docs.google.com/uc?export=open&id=1WtvbhuJ8UvBFwokE404h1AfQ8xA1btvn">
</audio>

 

• 티스토리를 HTML 모드로 변경한 후, 위 코드를 원하는 곳에 넣으면 된다.

 

 

 

References

HTML Audio

W3Schools online HTML editor