웹마스터 팁
동영상과 함께 자막 재생하기.
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
음.. 어떤 사람은 되고 어떤 사람은 안 되는 건가봐요 ㅠㅠ
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 동영상과 함께 자막 재생하기. [4] | 세강:D | 2004.08.16 |
| 도메인 포워딩 하기 [4] | 나준혁 | 2004.07.27 |
| 이미지에 필터만으로 그림자주기.. [15] | Simsim | 2004.07.07 |
| 어쩌다 나온 깔끔한 그레이 스크롤바.. 흠흠.. [11] | ☺심심 | 2004.06.06 |
| relative 속성 레이어를 이용한 메뉴를 자리차지하지 않게... [1] | PHASE | 2004.06.03 |
| 처음올립니다;ㅂ; 너무 신기한 거 발견;; [19] | 올리못™ | 2004.05.30 |
| 아이프레임 가로스크롤바 없애기 [3] | 백승창 | 2004.05.28 |
| 아기창 뜨고 부모창 닫기 [6] | 임소식 | 2004.05.19 |
| 플래시 swf파일 배경 투명하게 하기 ~~~ [8] | kim's | 2004.05.09 |
| 자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] | ☺심심 | 2004.05.02 |
| 홈페이지 빠르게하는 [로딩속도를 높히는 10가지방법] [20] | kim's | 2004.04.29 |
| [tip]간단한 반투명 필터 적용법 [2] | 드래군 | 2004.04.21 |
| 제로보드에서 손쉽게 복사하는 소스 (아래보다 더 편함..) [2] | Danggn™ | 2004.04.17 |
| (For 초보)폼안에 내용을 자동선택+자동복사해줍니다. [6] | 쉬드 | 2004.04.10 |
| 모든 스킨에서 중국어 간체 볼 수 있도록 해주는 법... [6] | 학몽 | 2004.03.09 |
| 스타일 시트파일을 만들기 .. [4] | 박종익 | 2004.03.07 |
| 간단하게, 색깔있는 밑줄 긋기. [4] | naughtykidd | 2004.02.27 |
| 몇 가지 팁..( 좀 깁니다.. 어느 정도 안다고 생각하시는 분들, 추천 ) [3] | naughtykidd | 2004.02.26 |
| 스타일시트를 이용한 텍스트박스 스타일 제어(밑줄,점선) [8] | 01CODE.com | 2004.02.26 |
| 전송버튼의 테두리를 없애 BoA요 >_< [7] | 플로렐라 | 2004.02.14 |