|
▷ 미디어[동염상, 음악] 플레이하기 [Embed, Object] 태그
|
| |
|
⊙ 태그요소
|
|
① <embed> ... </embed> 종료태그 생략가능(거의 생략됨)
|
|
embed 태그는 동영상이나 음악 등의 개체를 화면에 보여주거나 들려주는 태그이다.
종료태그는 생략할 수 있다.
|
|
⊙ 속성(Atributes)
|
|
속성
|
용도
|
사용법
|
|
|
기본적으로 사용하는 태그
|
width. height, hspace, vspace, name, title, style, alt, border, id, class
|
|
src="동영상주소"
filename="동영상주소"
|
동영상파일 주소지정
|
<embed src="동영상주소" width="300" height="200">
<embed filename="동영상주소" autosize="true / false">
|
| align="정렬" |
주변글자(text) 정렬 지정 |
<embed src="동영상주소" align="left / right / center / top / middle / bottom">
|
| hidden="감추기 지정" |
플레이어 감추기=배경음악 |
<embed src="url" hidden="true"> |
loop=""반복지정"
playcount="값" |
반복횟수 지정(default=1)
|
<embed src="url" loop="true / -1 / infinity / number">
<embed src="url" playcount="0"> |
| autostart="자동실행" |
자동실행 지정(default=true) |
<embed src="url" autostart="true / false"> |
| showstatusbar="상태" |
상태바 보이기 |
<embed src="url" showstatusbar="true / false"> |
| showaudiocontrol="값" |
볼륨조절 감추기 |
<embed src="url" showaudiocontrols="true / false">
|
| showtracker="상태" |
트랙바 감추기 |
<embed src="url" showtracker="true / false">
|
|
showpositioncontrols
|
이전곡, 다음곡 감추기 |
<embed src="url" showpositioncontrols="true / false">
|
| showdisplay="상태" |
재생목록보이기 |
<embed src="url" showdisplay="true / false">
|
| showgotobar="상태" |
바로가기 보이기 |
<embed src="url" showgotobar="true / false">
|
|
autosize="상태"
|
자동크기조절 |
<embed src="url" autosize="true / false">
|
| showcontrols="상태" |
모든 컨트롤 감추기 |
<embed src="url" showcontrols="true / false">
|
| volume='0"~"-10000" |
음량(default=-6000) |
<embed src="url" volume="0">
|
| balance="-10000"~"10000" |
밸런스(default=0) |
^lt;embed src="url" balance='0"> |
| enablecontextmenu="0" |
메뉴금지=오른쪽마우스금지 |
<embed src="url" enablecontextmenu="0">
|
| onselectstart="값" |
마우스 선택 금지 |
<embed src="url" onselectstart="return false">
|
| ondragstart="값" |
마우스 드래그 금지 |
<embed src="url" ondragstart="return false">
|
| units="단위지정" |
폭 높이의 단위지정 |
<embed src="url" units="pixel">
|
| 기타 속성 |
필요에 따라 사용하는 태그 |
palette, accesskey, disabled, lang, language, unselectable |
| type="플레이어 모양" |
플레이어 형식지정 |
type="audio/x-ms-wma"
type="application/x-mplayer2"
type="application/x-shockwave-flash"
type="audio/x-pn-RealAudio-plugin"
|
|
pluginspage
|
|
pluginspage="http://www.microsoft.com
/windows/mediaplayer/download/default.asp"
|
|
|
|
|
⊙ 속성(Atributes)의 사용 예
|
|
Embed 태그로 동영상 보기 예제
|
실행결과
|
|
<embed src="동영상주소" width="300" height="200"
autostart="false"
volume="0"
enableontextmenu="return false"
onselectstart="return false"
ondragstart="return false">
|
|
|
| |
|
Embed 태그 다음곡, 이전곡(포지션) 감추기
|
실행결과
|
|
<embed src="동영상주소" width="300" height="100"
autostart="false"
showpositioncontrols="false">
|
|
|
|
| |
|
Embed 태그 오디오컨트롤 감추기
|
실행결과
|
|
<embed src="동영상주소" width="300" height="100"
autostart="false"
showaudiocontrols="false">
|
|
|
|
| |
|
Embed 태그 트랙바 감추기
|
실행결과
|
|
<embed src="동영상주소" width="300" height="100"
autostart="false"
showtracker="false">
|
|
|
|
| |
|
Embed 태그 상태바 보이기
|
실행결과
|
|
<embed src="동영상주소" width="300" height="100"
autostart="false"
showstatusbar="true">
|
|
|
|
| |
|
Embed 태그 모든 컨트롤 감추기
|
실행결과
|
|
<embed src="동영상주소" width="300" height="200"
autostart="false"
showcontrols="false">
※ 모든 컨트롤을 감추기 - autostart="true"로 해야하겠죠?
편의상 "false"로 했습니다.
|
|
|
| |
|
Embed 태그 음악파일 플레이
|
실행결과
|
|
<embed src="음악파일주소" autostart="false">
※ 볼륨 조절을 할 수 있습니다.
|
|
|
| |
|
Embed 태그 음악파일 플레이
|
실행결과
|
|
<embed src="음악파일주소" showcontrols="false">
※ 배경음악이 됩니다.
|
|
|
| |
|
Embed 태그 음악파일 플레이
|
실행결과
|
|
<embed src="음악파일주소" showcontrols="false" showstatus="true">
|
|
|
| |
|
Type과 함께 사용 예제
|
실행결과
|
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/windows/mediaplayer
/download/default.asp"
filename="동영상주소"
autosize="true"
autostart="false"
showstatusbar="true"
showdisplay="true"
showgotobar="true"
playcount="0"> |
|
|
| |
|
⊙ 태그요소
|
|
① <object> ... </object>
|
|
Object 태그는 Embed 태그와 같이 동영상이나 음악 등의 개체를 화면에 보여주거나 들려주는 태그이다.
파라미터(parameter)를 사용하여 각종 속성을 적용하고 있으며, embed 보다 더 다양한 제어가 가능하다.
파라미터의 정의와 값을 지정하여 소스가 좀더 구조적이고 명료하게 표현된다.
Embed보다 Object를 권장합니다.
|
|
⊙ 속성(Atributes)
|
|
속성
|
용도
|
사용법
|
|
|
일반적인 기본 태그 |
width. height, hspace, vspace, name, title, style, alt, border,class, id, align |
| altHTML |
로딩실패시 나타날 내용 지정
|
<object altHTML="나타날 내용">
|
| 기타속성 |
필요에 따라 사용하는 태그
|
archive, classid, code, codebase, codetype, data, dir, disabled, hidefocus, , lang, language, usemap
|
|
|
|
|
⊙ 속성(Atributes)의 사용 동영상 - 파일
|
|
Object 태그로 동영상 보기 예제
|
실행결과
|
|
<p>
<object
classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls
/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
id="ID_useObject">
<param name="FileName" value="매체주소">
<param name="AutoStart" value="false">
<param name="ShowTracker" value="true">
<param name="ShowControls" value="true">
<param name="ShowGotoBar" value="true">
<param name="ShowDisplay" value="true">
<param name="ShowStatusBar" value="true">
<param name="AutoSize" value="true">
<param name="PlayCount" value="0">
</object>
</p>
|
|
|
|
|
|
⊙ 속성(Atributes)의 사용 - 플래시 파일
|
|
Object 태그로 동영상 보기 예제
|
실행결과
|
|
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="195" height="40">
//플래시 무비파일 주소
<param name="FlashVars" value="s=http://duduji.com.ne.kr/action/MP3Player/myMusicList_utf8.xml&t=Web MP3 Player Ver2.0"> //내가 쓸 파라미터
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value="High">
<param name="EmbedMovie" value="false">
<param name="_cx" value="5080">
<param name="_cy" value="5080">
<param name="Src" value="http://duduji.com.ne.kr/action/MP3Player/MP3PlayerVer2.swf">
<param name="WMode" value="Window">
<param name="Menu" value="true">
<param name="Scale" value="ShowAll">
<param name="DeviceFont" value="false">
<param name="SeamlessTabbing" value="true">
<param name="Profile" value="false">
<param name="ProfilePort" value="0">
<param name="AllowNetworking" value="all">
<param name="AllowFullScreen" value="false">
</object>
|
//플래시 무비파일 주소
//내가 쓸 파라미터
|
|
※ 꼭 필요한 것만...^^*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="195" height="40">
<param name="movie" value="http://duduji.com.ne.kr/action/MP3Player/MP3PlayerVer2.swf"> //플래시 무비파일 주소
<param name="FlashVars" value="s=http://duduji.com.ne.kr/action/MP3Player/myMusicList_utf8.xml&t=Web MP3 Player Ver2.0"> //내가 쓸 파라미터
</object>
|
|
|
|
|
|