웹마스터 팁
동영상과 함께 자막 재생하기.
2004.08.16 12:41
http://ggorea.com/___nd/nzeo/jm/jm.htm동영상에 자막을 넣고 싶어서,
http://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=자막&select_arrange=headnum&desc=asc&no=682
짚신님의 강좌대로 해봤는데; 아무리 해도 안 되더라고요.;;
자꾸 자막 창에는 [선택 캡션을 사용할 수 없습니다]라는 메세지와 엑스박스가 나오더군요.
분명히 미디어 플레이어에서 체크도 했고, 별 짓을 다 해봐도 안됐는데,
영화보는 사이트 같은데서는 자막이 잘 뜨더군요.
소스를 보니까 비슷한 방법이었습니다.
================================================================================
++ 미리보기
http://ggorea.com/___nd/nzeo/jm/jm.htm
================================================================================
1. 먼저 <head> 와</head>사이에 아래 소스를 넣습니다.
<style type="text/css">
<!--
#caption {
position:relate;
width:404px; // 자막의 가로 길이
height:50px; // 자막의 세로 길이
background-color:#405A8D; // 자막의 배경색
color:#D5DEEF;
overflow:auto;
scrollbar-face-color:#405A8D;
scrollbar-shadow-color:#405A8D;
scrollbar-highlight-color: #405A8D;
scrollbar-3dlight-color: #9FA6B3;
scrollbar-darkshadow-color: #9FA6B3;
scrollbar-track-color: #4D69A1;
scrollbar-arrow-color: #9FA6B3;
}
-->
</style>
2. <body>와 </body> 사이에 다음을 넣습니다. 쓸데없는게 많아 보이는데; 수정해서 쓰세요^^
<object id="ctrlPlayer" 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" width="404" height="258">
<param NAME="Filename" VALUE="http://ggorea.com/home/animov/digimon_frontier.wmv"> // 동영상 파일 주소
<param NAME="transparentAtStart" VALUE="True">
<param NAME="transparentAtStop" VALUE="True">
<param NAME="AnimationAtStart" VALUE="True">
<param NAME="AutoStart" VALUE="True">
<param NAME="AutoRewind" VALUE="True">
<param NAME="SendMouseClickEvents" VALUE="True">
<param NAME="DisplaySize" VALUE="4">
<param NAME="AutoSize" VALUE="0">
<param NAME="AutoResize" VALUE="0">
<param NAME="ShowDisplay" VALUE="False">
<param NAME="ShowStatusBar" VALUE="False">
<param NAME="ShowControls" VALUE="False">
<param NAME="ShowPositionControls" VALUE="1">
<param NAME="Enabled" VALUE="1">
<param NAME="EnableContextMenu" VALUE="0">
<param NAME="EnablePositionControls" VALUE="1">
<param NAME="EnableFullScreenControls" VALUE="0">
<param NAME="StartPosition" VALUE="0">
<param NAME="Mute" VALUE="0">
<param NAME="Rate" VALUE="1">
<param NAME="SAMILang" VALUE="">
<param NAME="SAMIStyle" VALUE="Small Print">
<param NAME="SAMIFileName" VALUE="http://ggorea.com/home/animov/digimon_frontier.smi"> // 자막 파일(smi)이 있는 주소
<param name="captioningID" VALUE="caption">
<param NAME="ClickToPlay" VALUE="1">
<param NAME="CursorType" value="1">
</object>
3. 자막을 보여지고 싶은 부분에 아래를 붙여 넣습니다.
<div id="caption"></div>
끝이에요~^^
http://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=자막&select_arrange=headnum&desc=asc&no=682
짚신님의 강좌대로 해봤는데; 아무리 해도 안 되더라고요.;;
자꾸 자막 창에는 [선택 캡션을 사용할 수 없습니다]라는 메세지와 엑스박스가 나오더군요.
분명히 미디어 플레이어에서 체크도 했고, 별 짓을 다 해봐도 안됐는데,
영화보는 사이트 같은데서는 자막이 잘 뜨더군요.
소스를 보니까 비슷한 방법이었습니다.
================================================================================
++ 미리보기
http://ggorea.com/___nd/nzeo/jm/jm.htm
================================================================================
1. 먼저 <head> 와</head>사이에 아래 소스를 넣습니다.
<style type="text/css">
<!--
#caption {
position:relate;
width:404px; // 자막의 가로 길이
height:50px; // 자막의 세로 길이
background-color:#405A8D; // 자막의 배경색
color:#D5DEEF;
overflow:auto;
scrollbar-face-color:#405A8D;
scrollbar-shadow-color:#405A8D;
scrollbar-highlight-color: #405A8D;
scrollbar-3dlight-color: #9FA6B3;
scrollbar-darkshadow-color: #9FA6B3;
scrollbar-track-color: #4D69A1;
scrollbar-arrow-color: #9FA6B3;
}
-->
</style>
2. <body>와 </body> 사이에 다음을 넣습니다. 쓸데없는게 많아 보이는데; 수정해서 쓰세요^^
<object id="ctrlPlayer" 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" width="404" height="258">
<param NAME="Filename" VALUE="http://ggorea.com/home/animov/digimon_frontier.wmv"> // 동영상 파일 주소
<param NAME="transparentAtStart" VALUE="True">
<param NAME="transparentAtStop" VALUE="True">
<param NAME="AnimationAtStart" VALUE="True">
<param NAME="AutoStart" VALUE="True">
<param NAME="AutoRewind" VALUE="True">
<param NAME="SendMouseClickEvents" VALUE="True">
<param NAME="DisplaySize" VALUE="4">
<param NAME="AutoSize" VALUE="0">
<param NAME="AutoResize" VALUE="0">
<param NAME="ShowDisplay" VALUE="False">
<param NAME="ShowStatusBar" VALUE="False">
<param NAME="ShowControls" VALUE="False">
<param NAME="ShowPositionControls" VALUE="1">
<param NAME="Enabled" VALUE="1">
<param NAME="EnableContextMenu" VALUE="0">
<param NAME="EnablePositionControls" VALUE="1">
<param NAME="EnableFullScreenControls" VALUE="0">
<param NAME="StartPosition" VALUE="0">
<param NAME="Mute" VALUE="0">
<param NAME="Rate" VALUE="1">
<param NAME="SAMILang" VALUE="">
<param NAME="SAMIStyle" VALUE="Small Print">
<param NAME="SAMIFileName" VALUE="http://ggorea.com/home/animov/digimon_frontier.smi"> // 자막 파일(smi)이 있는 주소
<param name="captioningID" VALUE="caption">
<param NAME="ClickToPlay" VALUE="1">
<param NAME="CursorType" value="1">
</object>
3. 자막을 보여지고 싶은 부분에 아래를 붙여 넣습니다.
<div id="caption"></div>
끝이에요~^^
댓글 4
-
최진화
2004.08.21 09:30
꼭 해보고 싶은 내용입니다. ∧∧+ -
dohoons
2004.08.17 23:08
괜찮은 팁..이군요? -
QQQ
2004.08.16 16:19
제가 쓴글인데^^; 저는 되던데요^^; -
세강:D
2004.08.16 18:53
음.. 어떤 사람은 되고 어떤 사람은 안 되는 건가봐요 ㅠㅠ
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
블루호스트(Bluehost)에서 XE 제로보드 및 텍스타일 블로그 서브도메인에 설치하기
[4]
 | TELSTER | 2011.03.25 |
| BGM 넣기 및 간단한 제어 [2] | Elinoa | 2011.03.26 |
| 게시판에 회원확장변수정보 받아서 표시하기 [3] | burster | 2011.03.26 |
| 모두 새로 코딩된 선우님의 새로운 레이아웃.... | 유샤인 | 2011.03.28 |
| "현재 xe코어1.4.4.4버전에서는 익스플로어에서 페이지수정 등의 작업을 할때 에러가 자주 발생하곤 합니다." | 유샤인 | 2011.03.29 |
| 관리자페이지 레이아웃에 게시판을 달아보자 [3] | 푸름빠 | 2011.03.29 |
| 데이터이전 회원관련해서 알아야 할 사항 [2] | 푸름빠 | 2011.04.03 |
| 1.4.5 업데이트후 로그인 안되시는 분들 [3] | BlogJh | 2011.04.03 |
| P 개행처리를 BR처럼 | Garon | 2011.04.04 |
|
IE9에서 xeed 사용하기(파일첨부 및 Enter키)
[2]
| 전승남508 | 2011.04.05 |
|
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법
[7]
| SeklutZ | 2011.04.07 |
| [모바일] 모바일웹에서 Pc버전갔다가 다시 모바일버전으로 갈라면 [1] | 푸름빠 | 2011.04.07 |
| 내 PC에서 XE 빠르게 설치하는 방법 [7] | 차오이 | 2011.04.10 |
| 텍스타일 카테고리 글목록수 수정 | 신군임니돠 | 2011.04.12 |
| 레이아웃 위젯 권한 넣기 [14] | 해피해킹 | 2011.04.12 |
|
1.4.5.2로 업데이트 후 짧은 주소가 제대로 되지 않으실때...
[8]
| 라르게덴 | 2011.04.12 |
| 업데이트 어떻게 해야 오류 없이 되나요? [1] | 김농주 | 2011.04.12 |
| [Css]필터 관련 스타일시트 속성 [1] | 웹엔진 | 2011.04.13 |
|
갑자기 관리자 페이지가 안보이거나 330 오류가 날 때는 이렇게 해결!
[2]
| 세라오빠 | 2011.04.13 |
| 댓글 쪽지 알림시 원본글 URL 설정 [1] | unnumiya | 2011.04.15 |