티스토리 글 안에 MP3 플레이어 넣는 법 | MINy MAC Skin 스킨 소개
블로그에 음악 파일 올릴 일이 얼마나 있을까 싶긴 한데, 나는 가끔 있었다.
옛날 블로그에 썼던 글 중에 음악 감상 후기 같은 게 있었고, 직접 녹음한 보이스 메모를 올려본 적도 있고,
어쩌다 작업한 사운드 샘플을 공유하고 싶을 때도 있었다.
그런데 문제는 티스토리에는 유튜브처럼 "재생 버튼 하나 누르면 끝"인 플레이어가 없다는 것.
MP3 파일 링크를 걸면 그냥 다운로드만 되거나 새 창이 뜨면서 어색하게 재생되거나 둘 중 하나였다.
그래서 MINy MAC Skin을 만들면서
"그냥 글 안에서 바로 들을 수 있게 하면 어떨까?" 하는 생각으로 미니 플레이어 기능을 추가했다.
어떻게 생겼냐면
글 중간에 이런 식으로 뜬다.
[mp3=테스트 음악]
디자인은 심플하게..!
재생/일시정지, 진행 바, 시간 표시 정도만 있는 구조.
따로 팝업이 뜨거나 페이지를 벗어나지 않고, 그냥 글을 읽다가 버튼 누르면 바로 재생된다.
쓰는 방법
간단하다
그냥 글을 쓰다가 이렇게 입력하면 된다.
[❤️mp3=음악제목]음악 첨부파일 주소[❤️/mp3]
예를 들어
[❤️mp3=테스트 음악]https://blog.kakaocdn.net/dna/bbbbb/dxxxxxx/AAAAAAAAAAAAAAAAAAAA....[❤️/mp3]
이렇게 쓰면 끝.
파일 주소는 본인이 직접 호스팅한 곳이어야 한다.
구글 드라이브, 드롭박스, 클라우드 서버, 어디든 상관없는데
직접 재생 가능한 링크여야 한다는 게 중요하다.
(구글 드라이브 공유 링크 같은 건 안 됨. 그건 미리보기 페이지로 연결되는 거라)
가장 좋다고 생각하는 방법은 티스토리에 첨부파일을 올리고 우클릭 → 링크 주소 복사를 선택해 그대로 복붙.
실제로 써보니까
생각보다 괜찮았다.
예전에 썼던 글 하나를 다시 꺼내서 플레이어를 심어봤는데, 글 흐름이 훨씬 자연스러워졌다.
이전에는
"이 곡 진짜 좋으니까 들어보세요 (링크)"
이런 식으로 끝났다면, 이제는
"이 곡 진짜 좋으니까 들어보세요"
[플레이어]
이렇게 바로 이어진다.
독자 입장에서도 클릭 한 번 줄어드는 게 생각보다 크더라.
한계는 있다
당연히 완벽하진 않다.
- 파일 용량은 직접 관리해야 함
티스토리 서버에 올리는 게 아니라서, 본인이 호스팅하는 곳 용량 체크 필요. - 재생 목록 기능 같은 건 없음
한 글에 여러 개 넣을 수는 있지만, 자동으로 다음 곡 넘어가는 건 안 됨. - 미니 맥 블로그 스킨 전용 기능
내가 자체 개발한 기능이라 다른 블로그 스킨에서는 지원이 안된다.
그래도 간단하게 음악이나 음성 파일 하나 정도 공유하는 용도로는 충분하다.
누가 쓸까?
솔직히 말하면, 이 기능 쓸 사람 많지 않을 것 같다. 블로그에 음악 파일 올릴 일 자체가 흔하지 않으니까.
그래도 음악 리뷰 블로그 운영하는 사람,팟캐스트 클립 올리고 싶은 사람,어학 공부 자료 공유하는 사람, ASMR이나 사운드 작업물 기록하는 사람...이런 경우엔 쓸모 있을 것 같다.
나는 그냥 "있으면 좋겠다" 싶어서 만들었고 실제로 쓰니까 편했다.ㅎㅎ
마무리하자면
MINy MAC Skin 쓰고 있고,
블로그에 음악이나 음성 파일 올릴 일이 가끔이라도 있다면 한 번쯤 써볼 만하다.
기능 자체는 단순하지만 글 안에서 바로 재생되는 경험은 확실히 다르다.
필요한 사람한테만 필요한 기능. 그런 거 하나쯤은 있어도 괜찮지 않을까?
