웹마스터 팁

  2. Support
  3. 웹마스터 팁

[BGM]♬가상프레임에서 배경음악 켜고끄는 버튼 만들기 ^^;

2002.07.19 07:26

abulo

배경음악을 페이지변할때마다 연속되기위해  "가상프레임"을 둬서 많이들 올리던데..
그러면 ESC를 누르거나,최소화시켜서 음악을 끄고들 많이 그러던데..

고정프레임을 둘려니까.. 그러긴 싫고 할때...

의외로 쉬운 방법이 있는데..잘 안쓰시더군여.. 걍 올려봤습니다.. ^^;
→미리보기

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
처음에 index.html을 이런 식으로 가상프레임을 둡니다.

<html>
<head>
<title>::제목</title>
</head>
<frameset rows="0,*" border="0" framespacing="0" FRAMEBORDER=0 ALLOWTRANSPARENCY=true>
<frame name="abulopia" src="/music.html" border="0" FRAMEBORDER=0 MARGINWIDTH=0 MARGINHEIGHT=0 NORESIZE SCROLLING=no>
<frame name="main" src="/main.htm">
</frameset>
<noframes><body bgcolor="#FFFFFF" text="#000000">
</html>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

음악은 /music.html 에서 embed하면 되는데..

<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="abulomusic">
<param name="AudioStream" value="0">
<param name="Filename" value="/ttt.asf">
-중략..필요한 것만..
<param name="Volume" value="-800">
<param name="WindowlessVideo" value="0">
</object>

id는 아래에 스크립트 소스에 반영해야 될꺼같구요..

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

실제로 사용할 파일 /main.htm 에..

간단한 스크립트 몇 줄이면 다 완성됩니다...

가상 음악프레임의 name과 음악파일의 id만 맞추면 간단하네요.. 사용하는 모든 페이지에 다들어가니까..include해서 쓰시면 되겠네요..

<span style="{cursor:hand}" onclick="sound();">< img src="images/on.gif"></span>
<span style="{cursor:hand}" onclick="muting();">< img src="images/off.gif"></span>

<script>
function muting() {
top.abulopia.document.abulomusic.Mute=true;
}
function sound() {
top.abulopia.document.abulomusic.Mute=false;
}
</script>

++++++++++++++++++++++++++++++++++++++++++++
쩝 허접하군..  정확히 말해서 음악을 끄는게 아니라..단지 Mute시키는 겁니다.






이 게시물을
수정 삭제
좋아요
목록
태그 쓰기