홈페이지에 자동재생 배경음악 올리는 방법

[이은직(2기)]

5기 반장님의 요청으로  홈페이지에 자동재생되는 음악을 올리는 강좌를 하겠습니다. 

좀 복잡한 작업이긴 하지만 아래 설명을 따라서 몇번 연습해 보시면 될 것같습니다.

그럼 시작하겠습니다.

아래 사진을 클릭해서 보세요!!!

1. 우선 홈페이지 에서 글스기를 누르시고 글쓰기창 아래 쪽에 찾아보기를 클릭합니다.

2. 창이 열리면 홈페이지에서 재생시킬 음악화일이 들어 있는 폴더로 가서 해당 음악화일을 선택후 열기를 클릭합니다.

3. 파일 첨부를 누릅니다.

4. 그러면 아래와 같이 실행할 음악화일이 첨부된 것을 볼 수 있습니다.

5. 첨부된 음악화일에 마우스를 대고 우측 버튼을 누른후 속성을 클릭합니다.

6. 아래와 같은 창이 열리면 주소부분을 마우스로 카피합니다. 카피방법은 주소부분을 처음부터 끝까지 마우스로 드래그 한 후에 마우스 우측 버튼을 눌러 복사를 누릅니다. 그러면 육안상으로는 확인이 안되지만 주소가 카피된 상태입니다.

7. 주소를 카피하였으면 텍스트 화일이나 아래 한글 화일을 하나 만들어서 오려 붙인후 저장하고 나옵니다. 텍스트 파일 만드는 방법은 임의의 폴더로 들어가서 폴더 바탕화면에 우측 바우스 버튼을 누르면 새로 만들기라고 나옵니다. 새로만들기- 텍스트문서를  차례로 클릭하면 됩니다.

8. 폴더 안에 텍스트 화일이 만들어진 모습입니다.

9. 만들어진 새텍스트 화일을 더블 클릭하여 연후에 주소 카피한 것을 붙여 넣습니다. 붙여넣는 방법은 텍스트 창에 마우스 우측 버튼을 눌러서 붙여넣기를 클릭하면 됩니다. 그러면 아래와 같이 주소가 붙여집니다. 이제 저장을 누르고 텍스트 화일을 닫고 나옵니다.

10. 새텍스트 화일에 마우스 우측 버튼을 눌러 이름 바꾸기를 클릭후 적당한 이름을 입력하고 확장자를 asx로 고쳐줍니다.

참고로 화일 이름은 영문이나 숫자로 해야 재생이 잘됩니다. 한글 이름은 재생이 잘 안될 수 있습니다.  아래그림처럼 1.asx정도로 쉽게 해주면 좋습니다. 

11. 텍스트 화일이 asx 화일로 변경된 것을 알 수 있습니다.

12. 홈페이지에서 첨부된 화일 밑에 수정을 누릅니다.

13. 찾아보기를 눌러서 asx 화일을 찾아 첨부해 줍니다.

14. 화일 첨부가 끝나면 등록을 누르고 빠져 나갑니다.

15. 첨부된 asx 화일위에 마우스 우측 버튼을 클ㄹ릭한 후 속성을 눌러서 주소를 카피합니다.

16. 카피된 주소를 아래 태그 언어의  src= 다음에 주소를 붙여 넣으시면 됩니다.

태그 언어는 아래와 같습니다.

<EMBED style="WIDTH: 507px; HEIGHT: 47px" src= width=507 height=47 type=application/octet-stream body < aytostart="true"

17. 이제 아래 사진 처럼 태그언어에 asx 화일의 주소를 오려 붙인 것을 전부 다시 카피합니다.

18. 다시 홈페이로 돌아와 수정을 클릭합니다.

19. 수정창이 열리면 HTML 소스를 클릭합니다.

20. HTML 소스 창이 열리면 창에 마우스 우측버튼을 눌러서 붙이기를 누릅니다.

21. 등록을 누리고 빠져 나옵니다.  

22. 아래와 같이 음악이 실행됩니다.

상당히 강의가 복잡한 감이 없지 않아 있습니다.

과정을 요약하면

1. 홈페이지에 실행할 음악화일을 첨부하여 올린후

2. 주소를 카피하여 텍스트 창에 오려붙인후 저장하고 나와서

3. 텍스트 와일의 확장자 이름을 asx로 고쳐줍니다.

4. 고쳐진 asx 화일을 다시 홈페이지로 와서 수정버튼을 눌러 파일 첨부합니다.

5. 첨부된 asx화일의 주소를 다시 카피하여 음악자동재생 태그 언어에 붙여 넣고

6. 다시 수정하기를 눌러 HTML 소스를 클릭하여 창을 연후 붙여 넣습니다.

* 태그 언어를 아래에 다시 다시 써드릴테니 카피해서 사용하세요!!!!

<EMBED style="WIDTH: 507px; HEIGHT: 47px" src= width=507 height=47 type=application/octet-stream body < aytostart="true"

제가 음악화일과 음악화일이 올려져있는 주소를 카피하여 만든 asx 화일을 첨부해놓습니다.

그리고 그것을 이용하여 여기에 음악재생되도록 해봤습니다.  여러분은 두개의 화일 중에서 asx 화일의 주소만 카피하여 태그언어에 오려 붙여서 글쓰기 창을 열어 연습해 보세요!