티스토리 블로그에서 배경음악(BGM)을 추가하는 방법은 여러 가지가 있으며, 가장 간단하게 음악을 삽입하려면 HTML을 활용한 방법이 있습니다. 기본적으로 HTML 코드를 삽입해 자동 재생, 반복 재생, 음량 조절 등을 설정할 수 있습니다. 이 방법은 웹에서 지원하는 오디오 파일을 사용하여 음악을 삽입할 수 있습니다.
1. HTML 코드로 배경음악 넣기
가장 간단한 방법은 <audio>
태그를 활용하는 것입니다. 예를 들어, 자동 재생과 반복 재생을 설정하려면 다음과 같은 HTML 코드를 사용할 수 있습니다:
<audio autoplay loop controls>
<source src="오디오 파일의 URL" type="audio/mp3">
</audio>
이 코드를 티스토리 블로그의 HTML/CSS 편집 창에 삽입하면, 블로그 글이 열리면서 자동으로 음악이 재생되고, 반복되며, 사용자가 제어할 수 있는 플레이어가 나타납니다.
2. SCM 플레이어 활용하기
SCM 플레이어는 티스토리 블로그에서 배경음악을 삽입할 수 있는 인기 있는 외부 플레이어입니다. 이 플레이어는 YouTube 링크나 오디오 파일을 사용하여 음악을 블로그에 쉽게 추가할 수 있게 도와줍니다. 설치 방법은 다음과 같습니다:
- SCM 플레이어 웹사이트에 접속해 원하는 플레이어 디자인을 선택합니다.
- 원하는 음악을 입력하고, 플레이어 설정을 조정합니다.
- 최종적으로 생성된 HTML 코드를 복사하여 티스토리 블로그의 HTML 편집창에 삽입합니다.
3. YouTube 음악 삽입
YouTube에서 제공하는 음악을 삽입하려면, 해당 영상의 링크를 SCM 플레이어에 입력하여 쉽게 추가할 수 있습니다. 이 방법은 YouTube에서 제공하는 음악을 이용해 배경음악을 설정하는 방식으로, 유료 음악을 구매할 필요 없이 다양한 음악을 무료로 사용할 수 있는 장점이 있습니다.
4. 추가적인 설정
플레이어에 따라 반복 재생, 음량 설정, 자동 재생 등을 자유롭게 설정할 수 있습니다. 음악을 추가할 때에는 블로그 방문자의 편의를 고려해 너무 강한 배경음악은 피하는 것이 좋습니다. 배경음악은 블로그의 분위기와 조화를 이루도록 설정하는 것이 이상적입니다.
https://alstn59v.tistory.com/141
티스토리 BGM 넣기 (feat.스킨 수정)
1. 준비물본인이 마음에 드는 mp3 파일 링크를 활용하는 플레이어 소스코드를 구함필자는 아래 링크의 코드를 수정하여 이용함 Music Player | Audio Player 🎵Simple Beautiful Fully Functional Music | Audio Player.
alstn59v.tistory.com
위의 방법들을 활용하면, 티스토리 블로그에서 손쉽게 배경음악을 추가하여 방문자들에게 더 풍성한 콘텐츠를 제공할 수 있습니다.