티스토리 mp3 삽입 재생 방법

내가 운영하는 블로그에 중국어 공부를 위해 mp3로 저장된 중국어 문장을 올리고 싶은데,,,,

구글 번역기에 입력한 문장을 mp3 파일로 저장해서 게시글에 올려 플레이되게 하는 기능,

즉. 음악파일 업로그 기능이 티스토리 자체적으로는 제공되지 않습니다.

 

그래서 HTML태그를 통해 진행해 보았습니다. 

코드는 다음과 같습니다. 

 

 클릭하면 재생

<p><audio controls="controls"> <source src="파일링크주소" type="audio/mp3" /> </audio></p>

 

자동 재생

<p><audio autoplay="autoplay" controls="controls"> <source src="파일링크주소" type="audio/mp3" /> </audio></p>

 

반복 자동 재생

<p><audio autoplay="autoplay" loop="loop" controls="controls"> <source src="파일링크주소" type="audio/mp3" /> </audio></p>

 

 

1. 우선 게시판에서 연주되고자 하는 mp3 파일을 업로드한 게시물을 티스토리 블로그에 업로드 해 주세요.

파일 선택

 

mp3 파일 업로드 페이지가 따로 하나 만들어 졌습니다.

저는 이 페이지는 비공개로 해 놓았어요~ 

편하신대로 운영하시면 됩니다.  

​

mp3 파일이 올려져 있는 파일에서 마우스 우클릭을 해 주세요.

우클릭 -> 링크 주소 복사 

 

2. mp3를 자동으로 재생할 새로운 개시글을 하나 만들어 주세요. 

기본모드 -> HTML 모드로 변경해 주세요

 

HTML 소스코드를 입력해 주면 됩니다. 

원하는 소스코드를 입력해 주세요!! 

 

 

중요 : 파일링크주소에 아까 위에서 '링크 주소 복사'한 값을 붙여 넣어 주면 됩니다. 

 

글 작성을 완료하고 페이지에 들어가서 확인해 보니 잘 동작 하는 모습입니다. 

 

 

저는 그래서 mp3 파일을 모아서 표에 넣고 조금 더 만들어 보았습니다. 

 

 

아래 관련 포스팅에도 관심이 있다면 참고해 보시기 바랍니다. 

유튜브 프리미엄 우회 터키 ( 틔르기예 우회 구독 방법 가격 )