노프레임문서에 bgm 설치하는 법

 

 

★노프레임에서 bgm 안끊기게 제어하기(김자영님글)

노프레임홈에서 메뉴가 바뀌면 배경음악이 끊기게 되죠?
방법은 간단한데요.. 글이 좀 복잡하니깐.. 천천히 읽으시면서 따라오세요..
프레임을 이용하지만.. 보이는건 노프레임 효과를 내죠.. 감추어진 프레임에서 배경음악이 계속 흘러 나오는거예요..
예인이 홈두.. 히든 프레임이 숨겨져 있답니다.

< html>
< head>
< title></title>
< /head>

< frameset rows="0,*" frameborder="NO" border="0" framespacing="0" cols="*">
  <frame name="top" scrolling="NO" noresize src="http://도메인/bgm.html" >
  <frame name="main" src="http://도메인/main.html">
< /frameset>

< /html>

이렇게 됩니다. main은 노프레임으로 꾸민 문서구요..
top은 배경음악을 넣을곳입니다. 보이지는 않지만 존재하는 문서가 되는거죠.. 그러므로 메뉴가 바뀌어두 계속 음악은 끊기지 않는답니다.
보이지 않는데.. 어떻게.. 음악을 꺼요.. 란 질문이 나오겠죠?
귀챦으신분은 (음악을 듣고 싶지 않으시면 Esc 버튼을 눌러주세요.) 란 간단한 글을 써주시면 되구요.
그래두.. 예인이 처럼 메인에 켜고,끄는 버튼을 만들어주고 싶다면..
음악이 있는 문서가 bgm.html
아무것두 없는 빈문서 blank.html를 만들어 주세요.

< a href="http://도메인/bgm.html" title="음악듣기" target="top" >BGM 듣기 </a>
< a href="http://도메인/blank.html" title="음악끄기" target="top">BGM 끄기</a>

중요한 부분이.. target="top" 으로 지정해주셔야되요.
이렇게 하신후에 메인 문서의 한귀퉁이에 넣구.. 제어해보세요.
켜기를 누르면 bgm.html 이 불러와서 음악이 흐르고
끄기를 누르면 blank.html을 불르기때문에 당연히..꺼지죠.
글로 읽으면 복잡합니다.. 직접 해보시는게...
좋은하루되세요..

..................................................................................................................

      ★초보자를위한 노프레임사용시 배경음악넣기 (Intellious님의 글)

노프레임의 성격상 게시물을 클릭하면 전체페이지가 리프레쉬되기때문에 계속 곡이 이어지는 배경음악을 넣을수가 없습니다.

이럴 때 새창을 띄워 주크박스처럼 배경음악을 사용해도 되지만, 새창으로 넣을 시 창 뜨는 자체가 귀찮고 메인페이지를 읽을때마다 다시 재생이 되는 불편함이 있습니다.

프레임을 사용해서 간단하게 배경음악을 넣을 수 있습니다.

아시는분은 이미 아시겠지만, 이 문제를 갖고 고민하시는분께 조금이라도 도움이 되고자 합니다.

[index.html]

< html>
< head>
< title></title>
< /head>

< frameset rows="0,*" frameborder="NO" border="0" framespacing="0" cols="*">
  <frame name="topFrame" scrolling="NO" noresize src="http://도메인/bgm.html" >
  <frame name="mainFrame" src="http://도메인/main.html">
< /frameset>

< /html>

위의 구성은 페이지를 프레임으로 나누는데 위,아래로 나눕니다.
위(topFrame)프레임은 보시다시피 높이가 0 입니다. 그래서 실제 화면에는 안나타납니다.

여기서 bgm.html 은 따로 작성해야겠죠. 여러개의 음악파일이 순차 혹은 랜덤방식으로 재생되는 html 문서입니다.

그리고 첫 화면에 떠야할 html문서를 main.html로 이름지어서 mainFrame으로 넣어주면 노프레임에서와같이 작동합니다.
main.html은 노프레임방식으로 만든 문서입니다.

첨에는 링크마다 "target=mainFrame" 을 지정해야될줄 알았는데 그렇지않고 노프레임페이지쓰듯이 똑같이 사용하면 됩니다.

위의 구성은 직접 제가 사용하는것이고 아무런 불편함 없습니다.

.................................................................................................................

     ★ 사랑비닷넷에서 가져온 글.(깜빡잊고 작성자닉네임을 안가져왔네요.)

1. 노 프레임 사이트에서 음악 한번만 나오는 문제
일단 노프레임에서 iframe으로 넣으면 첫 화면에서만 음악이 나오는 문제점이 있습니다. 당연한 결과인것 같습니다.
이문제를 가지고 잠시나마 당황했던 제 자신이...부끄럽습니다 -_-

그렇다면 frame을 사용하는 수 밖에 없습니다.
기존의 index.html을 다른 파일로 변경하고(저는 myindex.html로 ^^) 새로운 index.html파일을 만듭니다.
내용은 아주 간단합니다. 다음과 같이 만듭니다.
< HTML>
< head>
< /head>
< frameset rows="95%,5%" frameborder=0 frame=0 border=0>
   <frame src="myindex.html" scrolling="auto" marginwidth=0>
   <frame align=left src="sarangbi/sarangbi_bgm.php" scrolling="no" marginwidth=0>
< /frameset>
< /HTML>

사랑비의 크기는 5%로 잡았는데 자신의 취향에 맞게 고쳐주면 되겠죠?

2. 사랑비의 정렬 문제
위에 처럼 하면 사랑비가 중앙에 떡 하니 정렬합니다.
다행히 자신의 홈페이지가 중앙정렬이면 문제가 없으나 좌측 정렬이면...
조금 보기 싫죠?
저는 처음에 sarangbi_bgm.php를 열심히 뒤졌습니다. 하지만 없더군요.
다행히 뒤진 보람이 있어 스킨디렉토리의 파일을 수정해야 겠다는 열쇠를 얻었습니다.
자신이 사용하는 skin디렉토리에 보면 bgm_body.php파일이 있습니다.
이 파일을 열어보시면 <center>라는 부분이 있는데 싹~ 지워주시면 좌측정렬을 합니다.
이상 허접팁이었습니다^^

..............................................................................................................

위의 세가지 설명을 보시면 다른글이지만 한가지 공통점이 있죠?
노프레임에 보이지않는 히든프레임을 넣어줘야 한다는거..
꼼꼼이 읽어보시고 예쁘게 적용해보시길 바랍니다.~

아래 제로보드사용자웹팁게시판이랑 사랑비닷넷. 시노부bgm 사이트를
링크할께요.
제로보드웹팁게시판의 bgm관련글...http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&select_arrange=headnum&desc=asc&page_num=15&selected=&exec=&sn=off&ss=on&sc=on&category=&keyword=bgm
사랑비닷넷...http://www.sarangbi.net/opensource/index.php
시노부bgm.....http://javascript.new21.org/home/bgm/