object의 param태그 속성과 속성값

초급(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=true> 파일을 자동재생
false
<Embed src=파일경로 autostart=false> 파일을 자동재생하지 않음
controller
true
<Embed src=파일경로 controller=true> 재생기를 화면에 보이도록
false
<Embed src=파일경로 controller=false> 재생기를 화면에 보이지 않도록
hidden true <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="true" 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으로 해놓으면 최대 볼륨으로 재생됩니다.

|

댓글 5개

좀 이상한 것이
<object 안에
<embed가 꼭 들어 가야 하나요?
<embed 소스를 사용하지 않아도 크게 상관은 없지만
미디어 버전에 따라 재생이 안 될 수 있기 때문에
<embed 소스를 함께 사용하시길 권장합니다.
파라미터 값이 중복되어서 들어 가길래 한번 빼 볼까 했었죠. ^^

다음 달쯤에 플레이어 스킨 비슷한 게 나올지모르겠네요.

또 도움 부탁합니다.
감사합니다
감사합니다.

제홈페이지 한번 음악 플레어를 설치 해보겟습니다.


소스 감 사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
19년 전 조회 2,496
19년 전 조회 2,891
19년 전 조회 2,406
19년 전 조회 2,467
19년 전 조회 3,518
19년 전 조회 3,237
19년 전 조회 3,219
19년 전 조회 3,037
19년 전 조회 2,047
19년 전 조회 2,357
19년 전 조회 2,247
19년 전 조회 2,067
19년 전 조회 2,511
19년 전 조회 2,428
19년 전 조회 2,815
19년 전 조회 2,191
19년 전 조회 3,516
19년 전 조회 1,988
19년 전 조회 2,592
19년 전 조회 1,608
19년 전 조회 2,840
19년 전 조회 3,081
19년 전 조회 2,172
19년 전 조회 2,005
19년 전 조회 2,483
19년 전 조회 2,397
19년 전 조회 3,086
19년 전 조회 6,771
19년 전 조회 2,722
19년 전 조회 3,194
19년 전 조회 3,100
19년 전 조회 1,927
19년 전 조회 3,366
19년 전 조회 2,194
19년 전 조회 2,704
19년 전 조회 2,368
19년 전 조회 4,370
19년 전 조회 2,483
19년 전 조회 2,758
19년 전 조회 3,522
19년 전 조회 3,728
19년 전 조회 3,254
19년 전 조회 2,479
19년 전 조회 3,050
19년 전 조회 3,904
19년 전 조회 3,791
19년 전 조회 1,717
19년 전 조회 2,209
19년 전 조회 5,412
19년 전 조회 6,715
19년 전 조회 2,560
19년 전 조회 2,118
19년 전 조회 2,602
19년 전 조회 3,269
19년 전 조회 3,510
19년 전 조회 2,982
19년 전 조회 2,606
19년 전 조회 4,719
19년 전 조회 6,715
19년 전 조회 4,990
19년 전 조회 5,951
19년 전 조회 2,677
19년 전 조회 2,496
19년 전 조회 2,206
19년 전 조회 2,303
19년 전 조회 4,603
19년 전 조회 4,651
19년 전 조회 2,515
19년 전 조회 2,185
19년 전 조회 2,507
19년 전 조회 3,133
19년 전 조회 2,929
19년 전 조회 1,898
19년 전 조회 1,961
19년 전 조회 3,150
19년 전 조회 2,365
19년 전 조회 3,636
19년 전 조회 2,558
19년 전 조회 1,854
19년 전 조회 2,467
19년 전 조회 1,728
19년 전 조회 1,409
19년 전 조회 1,545
19년 전 조회 1,814
19년 전 조회 1,580
19년 전 조회 1,783
19년 전 조회 1,565
19년 전 조회 1,955
19년 전 조회 1,849
19년 전 조회 1,449
19년 전 조회 1,449
19년 전 조회 1,361
19년 전 조회 1,233
19년 전 조회 1,411
19년 전 조회 1,980
19년 전 조회 2,407
19년 전 조회 2,884
19년 전 조회 2,311
19년 전 조회 1,805
19년 전 조회 7,036