사이트 내 전체검색
HTML,CSS,레이아웃
플래시 동영상 제어를 위한 Embed tag
로빈아빠
https://cmd.kr/html/229 URL이 복사되었습니다.
9,345 0 2012.02.23 02:50

본문

초급(Embed Tags)
 
 
EMBED 음악파일, 플래시 무비, 동영상 파일을 문서에 삽입 할 때 사용
속성
인자
표현
설명
src
파일 경로
<Embed src=movie.asx>movie.asx를 재생
width
가로크기
<Embed src=파일경로 widht=350>재생기 가로크기 350픽셀 지정
height
세로 크기
<Embed src=파일경로 heigh=350>재생기 세로크기 350픽셀 지정
loop
true
<Embed src=파일경로 loop=true>파일을 계속 반복 재생
false
<Embed src=파일경로 loop=false>파일을 한번 재생
반복 횟수
<Embed src=파일경로 loop=5>파일을 5번반복 재생
autostart
true
<Embed src=파일경로 autostart=false>파일을 자동재생
false
<Embed src=파일경로 autostart=false>파일을 자동재생하지 않음
controller
true
<Embed src=파일경로 controller=true>재생기를 화면에 보이도록
false
<Embed src=파일경로 controller=false>재생기를 화면에 보이지 않도록
hiddentrue<Embed src=파일경로 hidden=true>화면 감춤(화면 차지),배경 음악
false
<Embed src=파일경로 hidden=false>화면 보임
 
 
 
 
 
중급(Object Param Tags)
 
 
 
  • embed 태그와 object 태그의 차이점?
    embed 태그는 개채삽입으로 자신의 컴퓨터에 해당 미디어파일을
    실행할수 있는 프로그램이 없다면 실행이 되지 않습니다.
    그러나 object 태그는 웹에서 개채를 로드해서 재생되므로
    프로그램이 없어도 실행이 가능합니다.
  • 사운드와 비디오 파일을 추가하는데 <embed>태그가 쓰이지만 이는 원래 넷스케이프사의 네비게이트를 위해 고안된 것이고, 물론 마이크로사의 익스플로러를 위해서는 <img dynsrc>태그가 있다. 하지만 이제는 점차적으로 이들을 통합하는 작업의 일환으로 <object>태그가 사용되는게 일반적인 추세다. 이 <object>태그는 ActiveX컨트롤을 사용하는데 이를 사용하자면 여러가지 속성을 이해해야 한다. 그래서 이번에는 이 Active Movie control 속성을 배우기로 한다. 앞서 언급했다시피 이 <object>태그는 여러가지 속성값이 있고 또 부가적으로 Active Movie control 속성은 'PARAM' 값을 사용해서 Active Movie control을 코딩한다. 아래는 예시를 나타낸 것이고 표는 Active Movie Control 속성표이다.
  • 선언 형태 : <object id=exmvideo classid=CLSID:05589FA1-C356-11CE-BF01-00AA0055595A
    codebase="http://activex.microsoft.com/activex/controls/mplayer/en
    /nsmp2inf.cab#Version=5,1,52,701" type="video/mpeg"
    style="ACCELERATOR: true; HEIGHT: 280px; WIDTH: 300px" border="0" height=240 width=310 >
    <param name="Filename" value="dataname.mpeg">
    <param name="Appearance" value="0">
    <param name="AutoStart" value="-1">
     
    .............
    .............
     
    .............
    .............
     
    <param name="ShowTracker" value="-1">
    <param name="Volume" value="-1080">
    <embed src="../data/choice_1.mpeg" type="video/mpeg" width="320" height="240" loop="true" autostart="false" controls="true">
    </embed>
    </object>
  • Active Movie Control 속성표
 
속 성
내 용
값
AllowChangedDisplayMode초단위, 프레임 단위로 최종 사용자가 디스플레이 모드를 실행시 변경할 수 있는지를 나타낸다.
-1=true, 0=false
AllowHideControls최종 사용자가 컨트롤 패널을 실행시 감출 수 있는지를 나타낸다.
-1=true, 0=false
AllowHideDisplay최종 사용자가 디스필레이를 실행시 감출 수 있는지를 나타낸다.
-1=true, 0=false
Apperance디스플레이 패널의 경계의 모양을 지정한다.
1=inset border 패인모양, 0=무경계
AutoRewind파일의 재생이 끝났을 때 자동으로 되감기를 할 것인지를 표시한다.
-1=true, 0=false
AutoStart웹페이지를 열면 자동으로 재생을 시작할 것인지를 표시한다.
-1=true, 0=false
Balance소리의 균형을 나타낸다.
0=균형, -10,000=왼쪽스피커만 사용, 10,000=오른쪽 스피커만 사용
BorderStyle컨트롤 경계 스타일을 지정한다.
0=무사용, 1=고정된 싱글 경계
CurrentPosition재생 파일에서의 현 위치를 초 단위로 나타낸다.
CurrentState플레이어의 현 상태를 나타낸다.
0=정지, 2=재생, 1=일시정지
DisplayBackColor디스플레이 패널의 배경색을 나타낸다.
DisplayForeColor디스플레이 패널의 전경생을 나타낸다.
DisplayMode디스플레이 패널에 초단위 또는 프레임 단위로 현위치를 디스플레이할지를 나타낸다.
0=초, 1=프레임
EnableContextMenu단축 메뉴를 활성화시킬지를 나타낸다.
-1=true, 0=false
Enabled컨트롤이 활성화되었는지를 나타낸다.
-1=true, 0=false
EnablePositionControls컨트롤 패널에 위치 버튼을 보여줄 것인지를 표현한다.
-1=true, 0=false
EnableSelectControls컨트롤 패널에 선택 버튼을 보여줄 것인지를 표현한다.
-1=true, 0=false
EnableTracker컨트롤 패널에 트랙바 컨트롤을 보여줄 것인지를 표시
-1=true, 0=false
FileName재생될 멀티미디어 파일을 지정한다.
FullScreenMode모니터 전체의 크기로 멀티미디어를 표시한다.
MovieWindowSize재생 패널의 크기를 결정한다.
0=원래크기, 1=원래크기의 2배, 2=화면의 1/6크기, 3=화면의 1/4
PlayCount재생할 횟수를 지정한다.
Rate재생 비율을 결정한다.
ReadyState소스 파일을 얼마나 로드했는가에 따른 Active Movie Control의 준비 상태를 나타낸다.
SelectionEnd파일의 처음에서부터 종료 위치를 초 단위로 지정한다.
SelectionStart파일의 처음에서부터 시작 위치를 초 단위로 지정한다.
ShowControls컨트롤 패널 표시 여부를 지정한다.
-1=true, 0=false
ShowDisplay디스플레이 패널 표시 여부를 지정한다.
-1=true, 0=false
ShowPositionControls위치 컨트롤의 표시 여부를 지정한다.
-1=true, 0=false
ShowSelectControls선택 컨트롤의 표시 여부를 지정한다.
-1=true, 0=false
ShowTracker트랙바의 표시 여부를 지정한다.
-1=true, 0=false
Volume데이벨의 100분의 1 단위로 볼륨을 지정한다.
   
 
  • 위의 예시에서 classid=CLSID:05589FA1-C356-11CE-BF01-00AA0055595A는 regedit파일에 보면 나와 있죠. 이것을 볼려면 일단 탐색기를 엽니다. Windows폴더 아래 regedit.exe파일을 따닥해서 이 레지스터리에디트 파일을 실행시킵니다. 그리고 레지스터리에디트 파일이 실행되었으면 '내컴퓨터\HKEY_CLASSES_ROOT\Amovie.ActiveMovie Control\CLSID' 순으로 찾아나아가면 나오죠. 여기서 CLSID를 누르면 오른쪽에 CLSID 값이 나오죠. 확인했습니까?
  • 그리고 이왕 이 레지스터리에디트 파일을 열었으니 하나 더 보고 넘어갑시다. 위의 예시에서type="video/mpeg"은 해당 미디어 파일 형태를 지정해 주는데 이것도 역시 이 레지스터리에디터의 '내컴퓨터\HKEY_CLASSES_ROOT' 아래 보면 있습니다. 해당 미디어 파일을 누르면 오른쪽에 컨텐트 형태가 나타나죠.(주의 : 초보자분은 이 레지스터리에디트를 실행시켰을 때 절대 보기만 해야하지 편집을 해서는 않됩니다. 실수로 등록정보가 변경되었을 때는 닫을 때 절대 저장하지마시기 바랍니다.) 물론 컨텐트 형태를 알고 싶으면 윈도 탐색기를 열고 탐색기 메뉴에서 '보기\폴더옵션'을 선택합니다. 그러면 폴더옵션 의 열가지 탭이 나타나죠. 거기서 '파일형식'탭을 선택하고 해당 미디어를 누르면 정보가 나타납니다. 타입형식이 보이죠.
 
 
 
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="player" width="300" height="45">
    <param name="Filename" value="../../gaeulmusic.mp3"> <!--파일명-->
    <param name="AudioStream" value="-1"><!-- -->
    <param name="AutoSize" value="1"><!-- -->
    <param name="AutoStart" value="1"> <!-- 자동시작여부 (0: 수동, 1: 자동)-->
    <param name="AnimationAtStart" value="true"><!-- -->
    <param name="AllowScan" value="true"><!-- -->
    <param name="AllowChangeDisplaySize" value="true"><!-- -->
    <param name="AutoRewind" value="false"><!-- 자동반복여부-->
    <param name="Balance" value="0"><!--소리의균형 0=균형, -10,000=왼쪽스피커만사용, 10,000=오른쪽스피커만사용 -->
    <param name="BufferingTime" value="5"><!-- -->
    <param name="ClickToPlay" value="false"><!-- -->
    <param name="CursorType" value="0"><!-- -->
    <param name="CurrentPosition" value="-1"><!--재생파일에서의 현위치를 초단위로나타냄 -->
    <param name="CurrentMarker" value="0"><!-- -->
    <param name="DisplayBackColor" value="0"><!--디스플래이패널의 배경색 -->
    <param name="DisplayForeColor" value="16777215"><!--디스플래이패널의 전경색 -->
    <param name="DisplayMode" value="0"><!--디스플래이패널의 단위 0=초단위, 1=프레임단위 -->
    <param name="DisplaySize" value="0"><!-- -->
    <param name="Enabled" value="true"><!--컨트롤활성화 -1=true,0=false -->
    <param name="EnableContextMenu" value="true"><!-- 단축메뉴 활성화 -1=true, 0=false-->
    <param name="EnablePositionControls" value="true"><!-- 컨트롤패널의 위치버튼 보여주기 -1=true, 0=false -->
    <param name="EnableFullScreenControls" value="true"><!-- -->
    <param name="EnableTracker" value="true"><!--컨트롤패널의 트랙바컨트롤 보여주기  -1=true, 0=false-->
    <param name="InvokeURLs" value="true"><!-- -->
    <param name="Language" value="-1"><!-- -->
    <param name="Mute" value="false"><!-- -->
    <param name="PlayCount" value="1"><!-- -->
    <param name="PreviewMode" value="false"><!-- -->
    <param name="Rate" value="1"><!--재생비율 -->
    <param name="SelectixxonStart" value="-1"><!-- -->
    <param name="SelectionEnd" value="-1"><!--파일처음부터 종료위치초단위로지정 -->
    <param name="SendOpenStateChangeEvents" value="true"><!-- -->
    <param name="SendWarningEvents" value="true"><!-- -->
    <param name="SendErrorEvents" value="true"><!-- -->
    <param name="SendKeyboardEvents" value="false"><!-- -->
    <param name="SendMouseClickEvents" value="false"><!-- -->
    <param name="SendMouseMoveEvents" value="false"><!-- -->
    <param name="SendPlayStateChangeEvents" value="true"><!-- -->

    <param name="ShowCaptioning" value="false"><!--자막파일 넣는 부분 (value:true 로 하고 SAMIFileName="자막파일" 로 넣음-->
    <param name="ShowControls" value="true"><!--플레이어 컨트롤러 보임여부-->
    <param name="ShowAudioControls" value="true"><!-- 볼륨조절 컨트롤러 보임여부-->
    <param name="ShowDisplay" value="true"><!-- 디스플레이 창 보임여부-->
    <param name="ShowGotoBar" value="true"><!-- -->
    <param name="ShowPositionControls" value="true"><!-- -->
    <param name="ShowStatusBar" value="true"><!-- -->
    <param name="ShowTracker" value="true"><!-- -->

    <param name="TransparentAtStart" value="true"><!-- -->
    <param name="VideoBorderWidth" value="0"><!-- -->
    <param name="VideoBorderColor" value="0"><!-- -->
    <param name="VideoBorder3D" value="false"><!-- -->
    <param name="Volume" value="600"><!-- -->
    <param name="WindowlessVideo" value="true"><!-- -->
   
 
</object>
 
 



 
 
 
만약 링크 못가져가게 마우스 우측 클릭 후 나타나는 정보창을 막고자 한다면,

<param name="EnableContextMenu" value="false">

이 부분에서 value 값을 true 혹은 false 로 지정하면서 제어할 수 있습니다.
보기와 같이 false로 지정하면 우측 클릭을 해도 반응을 하지 않습니다.
유용하게 쓰이겠죠? ^^


이제 하나하나의 기능을 살펴보기로 할까요?


<param name="ClickToPlay" value="true">
: 동영상 등을 재생할때 화면을 클릭하면 일시 정지되거나 다시 재생하는 기능을 제어하는 기능입니다. true / false로 제어합니다.

<param name="AutoSize" value="true">
: 화면의 비율을 자동으로 제어할 것인지, 말 것인지를 제어하는 기능입니다.
true로 해 놓으면 원래 정해진 화면 비율로 자동으로 재생됩니다.

<param name="AutoStart" value="true">
: 저번 시간에 알아보았던 autostart와 같은 기능입니다. 
false로 해놓으면 재생 버튼을 클릭해야 플레이 됩니다.

<param name="ShowControls" value="true">
: 이것 역시 저번 시간에 알아보았던 hidden 태그와 같은 기능으로 false로 지정시 미디어 콘트롤러가 보이지 않게 됩니다.

<param name="ShowAudioControls" value="true">
: 이 기능은 미디어 플레이어 우측의 볼륨 조절기능과 음소거 기능을 제어하는 기능입니다.
false로 지정하시면 볼륨 조정과 음소거 기능이 사라집니다.

<param name="ShowDisplay" value="false">
: 이 부분은 콘트롤러 아래에 음악이나 동영상 파일의 정보를 출력할 것인가 말것인가를 제어하는 부분입니다.
true로 해 놓을 경우 아래에 쇼, 클립, 만든이, 저작권 등의 기능이 출력됩니다.

<param name="ShowTracker" value="true">
: 재생 구간을 보여주는, 재생이 되면서 옆으로 움직이는 부분, 트랙커를 제어하는 기능입니다.
이 부분을 움직여서 원하는 부분만을 들을 수도 있지요.
false로 지정시 트랙커가 사라집니다.

<param name="ShowStatusBar" value="true">
: 컨트롤러 아래에 버퍼링과 남은시간/총시간 을 보여주는 한줄의 정보창을 제어하는 부분입니다.
false로 해놓으면 보이지 않습니다.

<param name="EnableContextMenu" value="true">
: 앞서도 언급했던 마우스 클릭시 나타나는 메뉴를 제어하는 기능입니다.
false로 해놓으면 우측 클릭을 해도 등록정보 등이 있는 메뉴가 나타나지 않습니다.

<param name="ShowPositionControls" value="true">
: 이 부분은 컨트롤러의 뒤로 가기(▶▶), 앞으로 가기(◀◀) 등의 버튼을 제어하는 부분입니다.
false로 해놓으면 재생 버튼과 정지 버튼만 출력됩니다.

<param name="ShowCaptioning" value="false">
: 동영상 등의 자막이 있을때 이를 제어하는 기능입니다.
음악 파일 재생시는 false로 해놓으시면 됩니다.

<param name="AutoRewind" value="true">
: 재생이 끝났을 경우 이 부분을 true로 해놓으면 자동으로 처음으로 돌아갑니다.
false로 해놓으면 끝부분에 그대로 머물러 있습니다.

<param name="PlayCount" value="1">
: 저번 시간에 배웠던 loop와 같은 기능으로 플레이 반복 횟수를 결정합니다.
'-1'로 해놓으면 무한 반복 됩니다.

<param name="Volume" value="0">
: 재생시 자동으로 설정할 볼륨 량을 지정해주는 부분입니다.
보기와 같이 0으로 해놓으면 최대 볼륨으로 재생됩니다.

댓글목록

등록된 댓글이 없습니다.

HTML,CSS,레이아웃
289 (2/6P)

Search

Copyright © Cmd 명령어 3.149.235.171