본문 바로가기
카테고리 없음

티스토리 블로그 음악 BGM 넣는 법 음악 플레이

by 모를물건 2024. 11. 22.
반응형

티스토리 블로그에서 배경음악(BGM)을 추가하는 방법은 여러 가지가 있으며, 가장 간단하게 음악을 삽입하려면 HTML을 활용한 방법이 있습니다. 기본적으로 HTML 코드를 삽입해 자동 재생, 반복 재생, 음량 조절 등을 설정할 수 있습니다. 이 방법은 웹에서 지원하는 오디오 파일을 사용하여 음악을 삽입할 수 있습니다.

 

1. HTML 코드로 배경음악 넣기

가장 간단한 방법은 <audio> 태그를 활용하는 것입니다. 예를 들어, 자동 재생과 반복 재생을 설정하려면 다음과 같은 HTML 코드를 사용할 수 있습니다:

<audio autoplay loop controls>
  <source src="오디오 파일의 URL" type="audio/mp3">
</audio>

이 코드를 티스토리 블로그의 HTML/CSS 편집 창에 삽입하면, 블로그 글이 열리면서 자동으로 음악이 재생되고, 반복되며, 사용자가 제어할 수 있는 플레이어가 나타납니다.

 

2. SCM 플레이어 활용하기

SCM 플레이어는 티스토리 블로그에서 배경음악을 삽입할 수 있는 인기 있는 외부 플레이어입니다. 이 플레이어는 YouTube 링크나 오디오 파일을 사용하여 음악을 블로그에 쉽게 추가할 수 있게 도와줍니다. 설치 방법은 다음과 같습니다:

  1. SCM 플레이어 웹사이트에 접속해 원하는 플레이어 디자인을 선택합니다.
  2. 원하는 음악을 입력하고, 플레이어 설정을 조정합니다.
  3. 최종적으로 생성된 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

 

위의 방법들을 활용하면, 티스토리 블로그에서 손쉽게 배경음악을 추가하여 방문자들에게 더 풍성한 콘텐츠를 제공할 수 있습니다.

반응형