본문 바로가기

알짜배기/연재

블로그(티스토리) 사이트 배경음악 넣기 3# 세번째

세번째. 포스팅에 앞서 첫번째. 두번째. 포스팅을 정독하기 바란다.

블로그(티스토리) 사이트 배경음악 넣기 1# 첫번째

블로그(티스토리) 사이트 배경음악 넣기 2# 두번째

BGM을 다운받을수 있는 사이트부터

BGM을 업데이트하는 방법을 알려주었다.

이제 최종 적용하는 방법을 알아보도록 한다.


먼저 시작 전 준비물이 있다.

두번째 포스팅에 BGM을 업데이트했던 파일의 [링크소스]를 준비하는것이다.


ex)

http://board-3.blueweb.co.kr/user/pritaa/data/sound/Stay%20With%20Me.mp3

http://cfs.tistory.com/custom/blog/222/2221238/skin/images/Stay%20With%20Me.mp3

(파일을 업데이트하여 생성된 링크소스)




사운드를 적용하기 위해, HTML소스 두가지가 있다.


ⓐ. bgsound

bgsound 소스를 사용할 경우 인터넷 익스플로러에서만 작동가능하다.


<bgsound src="링크소스" loop="반복횟수">

loop = -1 경우 무한반복


적용예제1

<bgsound src="http://board-3.blueweb.co.kr/user/pritaa/data/sound/Stay%20With%20Me.mp3

" loop="-1">


테스트 하기


ⓑ. embed

embed 소스를 사용할 경우 익스플로러, 사파리, 크롬에서만 작동가능하다.

(*embed mp3파일 링크할 경우 미디어 플레이어가 보여진다.)


<embed src="링크주소" loop="true(무한반복)/false(한번재생) hidden="true(플레이어 숨기기)/false(플레이어 보임)"



적용예제2

<embed src="http://board-3.blueweb.co.kr/user/pritaa/data/sound/Stay%20With%20Me.mp3" autostart="true" loop="true" hidden="true">


테스트 하기


최종 적용하기

사이트 경우 HTML 코드에 적용예제1,2 둘중 

아무거나 한가지 소스를 넣어주기만하면 된다.

티스토리(블로그) 경우도 마찬가지이다.

하단에 이미지를 통해 알아보도록 하겠다.

적용된 블로그에 테스트 영상