2021_Seoul-World

티스토리 블로그에 올린 음악파일, 음성파일, mp3 재생방법

낙원탈출 2021. 1. 18. 10:49
반응형

내가 운영하는 하모니카 블로그에 녹음한 파일을 올려 하모니카 강좌게시물을 열고 싶은데,

연주한 mp3 파일을 게시판에 올려 플레이되게 하는 기능, 즉. 음악파일 업로그 기능이 티스토리

자체적으로는 제공되지 않는다.

해서 HTML태그를 통하여 해결해 보았다.

 

1. 우선 게시판에서 연주되고자 하는 mp3 파일을 업로드한 게시물을 티스토리 블로그에 작성한다. (아래 사진 참조)

 

 

2. mp3 또는 기타 음악파일을 업로드 한 티스토리 게시물을 저장한 후 블로그로 가서, 이미 업로드 해둔 mp3파일의 "오른쪽 클릭"하여 "링크주소를 복사"한다. (아니면 게시물 작성 창에 mp3를 업로드 한 직후 오른쪽 마우스 버튼을 클릭해도 "링크주소 복사"가 가능하다.

 

 

3. 해당 게시물을 "수정하기"로 다시 들어간 후, HTML 편집 모드로 전환한다.

 

 

4. HTML 편집모드에 가면 해당 HTLM태그를 복사하여 주면 된다.

 ①번: 업로드 한 mp3 파일에 대한 내용

 ②번: ① 의 mp3 파일 플레이어 생성을 위한 html태그 입력부위

 

5. html 태그를 입력하고 완료 하게되면 mp3 파일 플레이어가 나타난다.

 

6. html 태그는 아래와 같다.


<h3>티스토리 게시판에서 mp3 재생법 (post by<b>hwantazia</b>)</h3> 

<center><p>audio 태그를 이용한 mp3 audio 재생 - mp3autoplay</p> <audio autoplay controls> <source src="연주하고자 하는 mp3파일 주소" type="audio/mp3"> </audio></center>


 

이런 html 삽입하면 위 그림 ②번의 게시물이 나타나며, 게시판에서 연주가 가능하다.

 

 

반응형