웹마스터 팁

  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 

 

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

 

 

이상입니다.

 

 

 

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

 

감사합니다 ^^

 

 

 

 

 

 

이 게시물을
좋아요
목록
제목 글쓴이 날짜
IE를 제외한 브라우저에서 첨부파일이 100%에서 사라지는 증세의 해결 [2] 비나무 2010.10.03
PHP 5.3.X 버전 사용자들 중 XE 최신버전의 위젯 생성, 텍스타일 등에서의 에러날 때... 비나무 2010.10.03
1.4.4.1 업데이트이후 이미지가 엑스박스로 뜨는 분들 참고 [1] 위드파트너 2010.10.04
크로스 브라우징을 위한 css 초기화 [2] hhgyu 2010.10.05
큰 사이즈의 이미지 업로드시 섬네일 생성이 안되어 오류 발생하는 문제 예방법 도라란 2010.10.05
광고성 글때문에.... 금지 ip 목록 공유 [5] 한니발2 2010.10.06
댓글을 리스트에 출력하기 [1] 김성걸310 2010.10.07
나눔고딕 웹폰트가 아닌 API로 적용하여 사용해보자!! [10] 으아악. 2010.10.07
카페24 외부페이지로 트래픽 확인하기 [1] file teryboy 2010.10.09
XE에서 설문조사시 비회원 참여하는 방법 있을까요? [1] file hellosamyoo 2010.10.12
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] file xemall 2010.10.13
IE6부터 IE9까지 대응하기. [7] 정찬명 2010.10.13
플래시를 이용한 최근게시물 구현 [6] 한그림 2010.10.13
인증메일 때문에 고생하시는 분 참고하세요. [17] 박용식 2010.10.14
페이지 설정, 꼭 이렇게 해두세요 [10] file 老姜君 2010.10.14
에디터에 웹폰트를 추가하여 사용하기 [3] file 하얌이 2010.10.18
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 file 으아악. 2010.10.20
큐브리드로 변환후 인덱스 재생성 [1] 카르마 2010.10.22
스팸단어목록 공유 [3] 쁘띠하긔 2010.10.23
Mysql에서 큐브리드로 데이터이전 [3] 카르마 2010.10.23
태그 쓰기