HTML 웹페이지에 미디어 플레이어 (동영상) 삽입시키기
페이지 정보
본문
<OBJECT ID=NSPlay Name=NSPlay classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject "
bgcolor="DarkBlue" width=320 Height=240>
<param name="AutoStart" VALUE="false"> <!-- 자동시작 : true , false -->
<param name="AnimationAtStart" VALUE="-1">
<param name="AutoRewind" value="false">
<param name="balance" VALUE="0"> <!-- 사운드 : 스테레오 좌우 볼륨 -100 ~ 100 -->
<param name="captioningID" VALUE=""> <!-- <div id=CapText> </div> -->
<param name="currentMarker" VALUE="0"> <!-- 마커가 삽입된 경우 시작되는 마커번호 -->
<param name="currentPosition" VALUE="0"> <!-- 시작하는 시간. 초단위로 입력 -->
<param name="DisplayMode" VALUE="4">
<param name="Enabled" VALUE="true"> <!-- 미디어 플레이어 컨트롤 가능여부 -->
<param name="enableContextMenu" VALUE="1"> <!-- 플레이어의 팝업메뉴 가능여부 -->
<param name="Filename" VALUE="동영상주소"> <!-- 동영상 FILE -->
<param name="fullScreen" VALUE="0"> <!-- 전체화면 -->
<param name="invokeURLs" VALUE="1"> <!-- 컨텐츠에 URL 링크가 된 경우 실행 여부 -->
<param name="mute" VALUE="0"> <!-- 음소거 -->
<param name="PlayCount" value="1"> <!-- 반복되는 횟수 -->
<param name="rate" value="1"> <!-- 빨리보기 : 1~10 -->
<param name="SAMIFilename" VALUE=""> <!-- 자막 파일을 사용할경우 -->
<param name="ShowAudioControls" VALUE="0">
<param name="ShowCaptioning" VALUE="0">
<param name="ShowControls" VALUE="0">
<param name="ShowDisplay" VALUE="0">
<param name="ShowGotoBar" VALUE="0">
<param name="ShowPositionControls" value="true">
<param name="stretchToFit" VALUE="0"> <!-- 비디오 창의 크기가 고정될것인가 -->
<param name="ShowStatusBar" VALUE="0">
<param name="uiMode" VALUE="full"> <!-- 플레이어제어. full , mini , none -->
<param name="Volume" VALUE="0"> <!-- 볼륨크기 0 ~ 100 -->
<EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" id="NSPlay" Name="NSPlay" DisplaySize="4" AutoSize="1" ShowControls="0" ShowDisplay="0" ShowStatusBar="1" width=320 Height=240 autostart="1" loop="-1" src="동영상주소"></EMBED></OBJECT>
<param name="AutoSize" value="true">
: 화면의 비율을 자동으로 제어할 것인지, 말 것인지를 제어하는 기능입니다.
true로 해 놓으면 원래 정해진 화면 비율로 자동으로 재생됩니다.
<param name="AutoStart" value="true">
: 플레이어창이 뜨면서 자동실행 여부, 즉 autostart와 같은 기능입니다. false로 해놓으면 재생 버튼을 클릭해야 플레이 됩니다.
AnimationAtStart : 윈도우 미디어 로고를 보여줄지에 대한 옵션. ( 그림 1 )
<param name="AutoRewind" value="true">
: 재생이 끝났을 경우 이 부분을 true로 해놓으면 자동으로 처음으로 돌아갑니다.
false 로 해놓으면 끝부분에 그대로 머물러 있습니다.
Balance : 밸런스
BaseURL : URL 호출
captioningID : 캡션ID
<param name="ClickToPlay" value="true">
: 동영상 등을 재생할때 화면을 클릭하면 일시 정지되거나 다시 재생하는 기능을 제어하는 기능입니다. true / false로 제어합니다.
CurrentMarker : 현재 마커
CurrentPosition : 현재위치
DefaultFrame : 기준 프레임
DisplayMode : 동영상 크기를 정해진 크기에 맞게 제어
Enabled : 화면에 각종 Action을 가능하게 해줌
<param name="EnableContextMenu" value="false">
: 이 부분에서 value 값을 true 혹은 false 로 지정하면서 제어할 수 있습니다.
보기와 같이 false로 지정하면 우측 클릭을 해도 반응을 하지 않습니다.
유 용하게 쓰이겠죠?
enbaleErrorDialogs : 오류대화상자
<PARAM NAME="Filename" VALUE="음악 파일 경로">
이 부분에서 음악 파일 경로를 삽입
fullScreen : 전체화면 재생
InvokeURLs : URL 호출
mute : 음소거
<param name="PlayCount" value="1">
: loop와 같은 기능으로 플레이 반복 횟수를 결정합니다.
'- 1'로 해놓으면 무한 반복 됩니다.
Rate : 빨리보기 속도 1에서 10
ShowAudioControls : 소리와 볼륨조절기를보여줄 지 설정합니다. ( 그림 ⓓ )
<param name="ShowControls" value="true">
: 이것 역시 저번 시간에 알아보았던 hidden 태그와 같은 기능으로 false로 지정시 미디어 콘트롤러가 보이지 않게 됩니다. ( 그림 2번 )
<param name="ShowAudioControls" value="true">
: 이 기능은 미디어 플레이어 우측의 볼륨 조절기능과 음소거 기능을 제어하는 기능입니다.
false로 지정하시면 볼륨 조정과 음소거 기능이 사라집니다. ( 그림 3 )
<param name="ShowCaptioning" value="false">
: 동영상 등의 자막이 있을때 이를 제어하는 기능입니다.
음악 파일 재생시는 false로 해놓으시면 됩니다.
ShowControls : 실행, 중지, 일시중지가 있는 조절판을 보여줄지 설정합니다. ( 그림 ⓑ )
<param name="ShowDisplay" value="false">
: 이 부분은 콘트롤러 아래에 음악이나 동영상 파일의 정보를 출력할 것인가 말것인가를 제어하는 부분입니다.
true로 해 놓을 경우 아래에 쇼, 클립, 만든이, 저작권 등의 기능이 출력됩니다. ( 그림 4 / 그림 ⓕ )
ShowGotoBar : Maker로 표시된 바로가기 삽입. ( 그림 5 / 그림 ⓔ)
<param name="ShowPositionControls" value="true">
: 이 부분은 컨트롤러의 뒤로 가기(▶▶), 앞으로 가기(◀◀) 등의 버튼을 제어하는 부분입니다.
false로 해놓으면 재생 버튼과 정지 버튼만 출력됩니다. ( 그림 6번 / 그림 ⓒ )
<param name="ShowStatusBar" value="true">
: 컨트롤러 아래에 버퍼링과 남은시간/총시간 을 보여주는 한줄의 정보창을 제어하는 부분입니다.
false 로 해놓으면 보이지 않습니다. ( 그림 7번 / 그림 ⓕ )
<param name="ShowTracker" value="true">
: 재생 구간을 보여주는, 재생이 되면서 옆으로 움직이는 부분, 트랙커를 제어하는 기능입니다.
이 부분을 움직여서 원하는 부분만을 들을 수도 있지요.
false로 지정시 트랙커가 사라집니다. ( 그림 ⓐ )
stretchToFit : 선택 범위에 맞게 늘림
TransparentAtStart - 버퍼링시 검은색의 미디어 화면이 보여질지 여부. 그림 8번부분
uiMode : 콘트롤 레이아웃
<param name="Volume" value="0">
: 재생시 자동으로 설정할 볼륨 량을 지정해주는 부분입니다.
보기와 같이 0으로 해놓으면 최대 볼륨으로 재생됩니다.
windowlessVideo : 창 없는 비디오
각 속성은 부울(Boolean:True, False와 같이 논리적인 값)값을 이용하여 설정합니다. True이면 보여주고 False이면 사라집니다. Param태그의 value속성이 0이면 False를 의미하고, -1이면 True를 의미합니다.
그리고 EMBED 내의 태그는 Netscape 사용자를 위한 내용입니다.
src=" " 안에 스트리밍될 파일의 경로를 넣어주면 됩니다.
수정내용
2010-06-13 embed 의 loop 를 roop 로 잘못작성된거 수정함.
참고사이트
http://www.encoder.pe.kr/
http://www.wcolor.co.kr/html/6.4/properites.htm
http://blog.naver.com/meetjava?Redirect=Log&logNo=100032519322
http://blog.naver.com/xus?Redirect=Log&logNo=140003654581
http://nkdk.tistory.com/424
댓글목록
등록된 댓글이 없습니다.