본문 바로가기
관심분야

티스토리 음성파일 업로드 및 재생

by beresford 2024. 12. 13.

티스토리에서는 사진, 파일, 동영상, 슬라이드쇼 업로드 기능이 명확하게 제공되어 쉽게 활용할 수 있습니다. 하지만 음악, 음성등의 오디오 파일을 업로드하고 구독자들에게 효과적으로 전달하는 방법에 대한 정보는 찾기가 어려웠는데, 쉽게 활용할 수 있는 방법이 있어서 공유하게 되었습니다.

"티스토리 음성 파일 업로드 및 연결 - 티스토리에 오디오 감성을 더하다"

오디오 파일 업로드 및 링크 연결

이 방법은 블로그에 직접 음성, 음악등 오디오 파일을 업로드해서 재생 기능을 구현하는 방법입니다. 파일 링크를 직접 생성할 수 있고 관리가 쉽다는 점이 장점입니다.

1) 오디오 파일 업로드

  • 블로그 글쓰기 화면에서 첨부 아이콘을 클릭합니다.
  • 업로드할 오디오 파일을 선택하고 첨부합니다.

2) 링크 복사

  • 업로드된 파일을 우클릭하여 링크 주소를 복사합니다.

3) 임시저장

  • 오디오 파일관리를 관리를 위해서 오디오 파일만 모아둔 비공개 블로그 페이지로 임시저장해서 사용합니다.
  • 임시저장합니다.

4) HTML 태그 작성

  • 블로그를 작성하려는 페이지로 이동합니다.
  • 작성하는 페이지의 기본모드에서 HTML 모드로 전환한 후 아래의 HTML 코드를 삽입합니다.
  • HTML 모드로 전환한 후 아래의 HTML 코드를 작성하고 src 속성에 링크 복사한 오디오를 붙여 넣습니다.

5) 재생 확인

  • 기본 모드로 돌아가 재생 컨트롤러가 정상적으로 표시되는지 확인합니다.
  • 정상인지 눈으로 확인하는 방법은 오디오 파일의 길이를 나타내는 시간표시가 나타나면 정상으로 확인할 수 있습니다.

마무리

위의 예시처럼 직접 파일을 업로드할 수도 있고 또  외부 링크를 활용하는 방법이 있지만,  음성이나 음악 파일을 티스토리 블로그에  업로드하여 재생 기능을 붙이는 것은 생각보다 간단합니다. 음성이나 음악과 같은 오디오 파일은 블로그의 분위기를 한층 더 풍성하게 만들어 줄 수 있습니다. 필요하시다면 지금 바로 이 방법을 사용해 보시기 바랍니다. 

댓글