음악이라는것이 저작권 때문에 쉽게 웹에 공유할 수 없다. 그래서 찾은것이 유트브에서 음악만 빼서 사용하는 거다.
간단히 말하면 웹페이지에서는 2개의 페이지를 동시에 열지만 음악이 나오는 페이지는 보이지 않게 하는 기능이다.
먼저 간단히 순서를 적어 본다.
1. 그 다음 제로보드에서 또는 기본 html 문서에 음악이 재생될 페이지를 하나 생성한다.
2. 가져올 소스는 유트브에서 소스보기를 한 후 프레임을 그대로 다 가져오면 된다.
예를 들어 유트브에서 "1492"의 배경음을 깔고 싶다고 하고, 1492를 검색한 후 소스를 보면
<object width="960" height="750"><param name="movie" value="http://www.youtube.com/v/JOUEfB7u4_4?fs=1&hl=ko_KR&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/JOUEfB7u4_4?fs=1&hl=ko_KR&rel=0&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="750"></embed></object>
와 같다.
여기서 이 음악은 자동으로 재생을 시켜야 하기 때문에 두번째 주소 마지막에
에서 youtube 마지막 주소에 &autoplay=1 넣어준다.
그럼 주소가
<object width="960" height="750"><param name="movie" value="http://www.youtube.com/v/JOUEfB7u4_4?fs=1&hl=ko_KR&rel=0&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/JOUEfB7u4_4?fs=1&hl=ko_KR&rel=0&hd=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="750"></embed></object>
이렇게 변경되어야 맞다.
3. 다음 메인으로 열 페이지와 음악페이지를 나눠주는 index.html을 만들어야 한다.
만약 XE가 아닌 다른 인덱스 파일을 만들었다면 이름을 main.html 으로 변경 한다.
방식은 프레임을 두개로 나누는 것이다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>준비중</title>
</head>
<frameset rows="1*, 100%" cols="1*" border="0">
<frame name="top" scrolling="no" marginwidth="0" marginheight="0" src="연결 될 음악페이지 경로" noresize>
<frame name="bottom" scrolling="auto" marginwidth="0" marginheight="0" src="연결 될 메인페이지 경로" noresize>
<noframes>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
</body>
</noframes>
</frameset>
</html>
이렇게 지정하면 된다.
위와 같이 연결하면 음악이 페이지를 열더라도 최상위 프레임중 음악으로 지정된 프레임이 바뀌지 않는다. 그래서 다른 싸이트로 이동하기 전까지는 음악이 자동으로 플레이가 되는 것이다.
티스토어 2010 우수블로그 300
