배경음악을 태그로 할 수 있는 방법은 두가지가 있습니다.
하나는
<bgsound src="음악주소"> 이고, 또하나는 <object src="주소"> 입니다.
bgsound태그는 배경음악으로만 사용할 수 있고, embed태그는 배경음악으로도 쓸 수 있고, 동영상같은
멀티미디어 파일을 띄울 수도 있습니다.
1. <bgsound src="음악주소">
이건 완전 배경음악전용 태그구요, 음악파일주소 확장자가mp3, mid, wma, wav 등일 경우에 사용하세요.
예제) <bgsound src="http://myhome.naver.com/jslstory/05.wma">
실험은 태그연습장에서 해보시구요,
음악을 반복재생 하실려면, loop 속성을 추가하시면 됩니다.
<bgsound src="http://myhome.naver.com/jslstory/05.wma" loop="3">
이렇게요. loop="3"은 3번 반복재생.이란 뜻입니다.
그리고 loop="infinite" 으로 하시면 무한반복입니다.
<bgsound src="http://myhome.naver.com/jslstory/05.wma" loop="infinite"> 이런식으로요.
2. <object src="음악 또는, 멀티미디어주소">
이건 위에서 말씀드렸듯이 동영상, 음악 등을 띄울 수 있는 태그이며
대신 멀티미디어 재생기가 뜹니다. (지원하는 파일-asx, asf, wma 등등..)
예제) <object src="http://myhome.naver.com/jslstory/05.wma">
결과) <object src=http://myhome.naver.com/jslstory/05.wma>
멀티미디어 재생기를 안보이게 하려면 hidden="true" 속성을 넣으세요.
<object src="http://myhome.naver.com/jslstory/05.wma" hidden="true"> 이렇게요.
그리고 embed 태그에서 재생기의 크기를 조절할 수 있는데 값을 width="70" height="25" 로 하면
EX) <object src="http://myhome.naver.com/jslstory/05.wma" width="70" height="25"> 이런식..
아주 아담한 재생기가 뜨죠. 하하핫. 꼭 해보시구요,
그리고, embed 태그에서는 몇 번씩 반복속성은 적용되지만 무한반복은 안된답니다.
예) [loop="숫자" (o)적용됨, loop="infinite"(x)적용안됨.]
음. 에 또 그리고 위에서 말했던 동영상 띄우는 방법은 그냥 동영상 주소를 embed 태그로 사용하시면 됩니다.
픽셀값으로 크기지정도 width="x" height="x" 속성으로 정할 수 있구요. 동영상은 짤리지 않습니다. 크기로
그럼 그만 마치기로 하죠. 꾸준히 써먹어보고 연습해보는 것이 태그를 빨리익힐 수 있는 방법입니다.^^
# 사용예제로 쓰인 음악(wma)파일 - http://myhome.naver.com/jslstory/05.wma
--------------------------------------------------------------------
동영상(embed) 태그
모든 멀티미디어는 기본적으로 <object> 태그를 씁니다.
(ex - <object src="http://movi.com/movi.asf">)
예를들면 음악(mp3,wma,mid), 플래시(swf)등은 모두 이 태그로
이루어 지죠.
동영상도 마찬가지입니다.
동영상의 확장자는 avi,wmv,asf,asx,mpg,mpeg 등이 있으며 모두embed
태그로 나타냅니다.
예제로 쓸 동영상파일 하나를 주웠(;;)습니다.
[[http://myhome.naver.com/jslstory/ex.wmv]]
그냥 페인터 카페...같은곳에서 주웠는데 기억은 잘 안나는군요;;;
아무튼 용량은 261KB 밖에 안되니 예제용으로 딱입니다;;
<object src=http://myhome.naver.com/jslstory/ex.wmv>
0.태그사용 기본
<object src="http://myhome.naver.com/jslstory/ex.wmv">
결과 - [↑]-_-;
기본적으로 <object src="동영상주소">를 사용하면 태그가 작동됩니다.
1.반복효과 주기
<object src="http://myhome.naver.com/jslstory/ex.wmv" loop="-1">
결과 - [보기]
(계속해서 반복됩니다.)
2.플레이어 크기 조절
<object src="http://myhome.naver.com/jslstory/ex.wmv" width="500" height="200">
결과 - [보기]
width="500" height="200"=넓이500픽셀, 높이200픽셀 으로
지정한 경우입니다.
동영상화면비율이 변하기 때문에 그다지 특별한 경우가 아니라면
사용하지 않습니다.
3.플레이어 오른쪽클릭 금지하기
<object src="http://myhome.naver.com/jslstory/ex.wmv" EnableContextMenu="false">
결과 - [보기]
소스방지태그와 오른쪽클릭금지 태그를 사용해도 동영상은
오른쪽 클릭이 가능해서 동영상주소를 가져갈 수 있습니다.
그래서 다운로드나 트래픽피해를 보는 경우가 많죠...
하지만 위의 태그를 쓰면 플레이어에서 오른쪽클릭을해도 반응이 없습니다.
4.플레이어 상태 바 감추기
<object src="http://myhome.naver.com/jslstory/ex.wmv" ShowControls="false">
결과 - [보기]
5.플레이어 상태 바 흑백으로 나타내기
<object src="http://myhome.naver.com/jslstory/ex.wmv" style="filter:gray();">
결과 - [보기]
플레이어의 상태 바가 흑백으로 나타내어 질 뿐이며 동영상 자체의 색에는
변화를 주지 않습니다.
5-1.(상태 바를 색반전/xray 효과로 나타내기)
다음과 같은 방법을 쓰면 됩니다.
<object src="http://myhome.naver.com/jslstory/ex.wmv" style="filter:invert();">
<object src="http://myhome.naver.com/jslstory/ex.wmv" style="filter:xray();">
각각 결과 - (플레이어만)
<object style="FILTER: invert()" src=#.wmv height=50 type="text/html; charset=euc-kr"> - 색반전
<object style="FILTER: xray()" src=#.wmv height=50 type="text/html; charset=euc-kr"> - 흑백반전(xray)
플레이어의 상태 바가 흑백으로 나타내어 질 뿐이며 동영상 자체의 색에는
변화를 주지 않습니다.
6.플레이어 상태바하단에 파일정보나타내기기
<object src="http://myhome.naver.com/jslstory/ex.wmv" showstatusbar="1">
결과 - [보기]
플레이어의 하단에 파일정보(재생음악의 제목과 저작권, 만든이 등의 정보)가
나타납니다. 기본적으로는 나타나지 않고 이 태그를 적용시켜야만 나타납니다.
※기타//동영상을 자동으로 재생시키지 않고 사용자가 플레이버튼을
눌러야 재생되게 하려면 autostart="false"를 넣으시면 됩니다.
EX) <object src="http://myhome.naver.com/jslstory/ex.wmv" autostart="false">
참고 하시구요... http://tagbox.ez.ro/ 요기가보시면 좋은 자료 많아요.. ^^;
회원에게만 댓글 작성 권한이 있습니다.