웹마스터 팁

  2. Support
  3. 웹마스터 팁

친절한설명! 자신의홈페이지에 간단히 음악넣기

2011.12.18 17:34

준봉쿠

안녕하세요!

 

제가 정말 몇일동안 앓던 문제엿는데 해결되서 그 답답함을 잘압니다!

혹시 너무 어려우신 분들!

 

 

이렇게 따라해보세요!

간단하답니다!

 

 XE코어 1.5.1버전 중심 입니다.

 

 

 

-1단원 애드온 설치하기

 

 

 

http://내홈페이지주소/xe/admin 으로 들어가주세요.

 

1.jpg

 

 

자. 그러셧으면 메뉴가 보이시죠?

그러면 일단 확장기능-쉬운설치 로 들어가주세요.

 

들어 가셨으면 오른쪽 하단 검색창에

 

'음악' 이라고 간단히 쳐주세요

그러면

 

2.jpg

 

민수님의 '배경 음악 재생기를 위한 프레임 나누기 도구' 가 나올겁니다.

그 애드온을 설치해주세요.

 

그러신후에

 

메뉴에서 확장기능-설치된 애드온 으로 들어가주세요

거기에 나온 목록중에서 민수님의 '배경 음악 재생기를 위한 프레임 나누기 도구' 가 나올겁니다.

 

설정을 눌러줍시다.

3.jpg

 

이런게 나올겁니다.

 

일단은 애드온 설치햇구요! 2단원으로 갑시다!

 

 

-2단원 bgm.html 만들기

 

자 애드온 설치했으니

이젠 배경음악 재생용 페이지를 만들어볼까요?

 

일단 FTP로 자신의 홈페이지 계정에 들어갑니다

 

4.jpg 

(월래 bgm.html은 없는데 제가 추가한거라 있는겁니다 가뿐히 무시해줍시다)

 

 

여기에 bgm.html을 저렇게 삽입해줄텐데요

 

일단 메모장을 하나 만듭시다.

 

메모장을 만드셔서 안에 내용에 이렇게 적어주세요.

 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>bgm</title>
</head>

<body>
<embed src="배경음악으로 쓸 음악 파일 주소" autostart="1" loop="1" hidden="true" />
</body>
</html>

이렇게 적으셧으면

메모장 메뉴에서 파일-다른이름으로 저장 을 클릭합니다

 

저장할땐 이름을 bgm.html 으로 해주세요.

 

그러고서 FTP접속하셔서

xe를 설치한 폴더 안에 넣어주세요.

 

그러면 bgm.html 설정다했습니다.

 

-3단원 마지막 마무리

 

 

자 이제 상은 다 차려졌군요!

이제 마무리만 하면 자신의 홈페이지에서 음악이 흘러나옵니다!

 

자이제 관리자 페이지로 들어갑니다.

 

메뉴에서 확장기능-설치된애드온-'배경 음악 재생기를 위한 프레임 나누기 도구'  설정 으로 들어갑니다.

5.jpg 

 

이렇게 일렵해주세요.

 

 

그리고 저장합니다.

 

그리고 여기서 유의해야할점!!

 

이대로끝내면

 

'이렇게 저장햇는데도. 음악안나와요! 왜이래요!?'

 

말이 반드시 나올겁니다

 

이유는?

 

6.jpg

저렇게 동그라미 친부분에 체크를 하셔야 작동이됩니다!

 

애드온을 활성화 시키는것이랍니다.

 

체크되셧으면 오른쪽하단에 저장을 누릅니다

 

그리고

 

홈페이지에 들어가보면?

 

두구두구두구!!

 

음악이 흘러나오죠!

 

페이지를 이동해도 프레임을 나눠서 했기때문에 전혀 끊기지않고 이어서 재생됩니다!

 

음악을 멈추고싶을땐 Esc 키를 누르면되구요.

 

그외에도 플레이어를 보이게 음악을 삽입하고싶다면

 

bgm.html내용을 그소스에 맞게 저장하면됩니다.

 

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>bgm</title>
</head>

<body>
플레이어 소스를 이곳에 넣어주세요!
</body>
</html>

 

이렇게 하신후 저장하셔서 적용하시면 됩니다.

아! 그전에

 

 

3.jpg 

 

여기에서 추가할 프레임 높이/너비 를 해당 플레이어 크기에 맞게 적용하셔야 겠죠?

 

 

이상입니다.

 

 

 

혹시 문제가 생기시면 댓글로 달아주세요! 빠른시일내에 답변드릴께요!

 

감사합니다 ^^

 

 

 

 

 

 

이 게시물을
좋아요
목록
태그 쓰기