웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
동영상과 함께 자막 재생하기.
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
음.. 어떤 사람은 되고 어떤 사람은 안 되는 건가봐요 ㅠㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
웹폰트사용에 대한 실체를 밝힌다!! [22] | Multi_Taeji | 2004.11.13 |
a링크를 이용 새창 띄우기 [10] | 토토루 | 2004.11.07 |
웹문서 검색을 대비한 헤더,푸터 나누기. [4] | 그럴까? | 2004.10.29 |
각 객체접근.. [2] | canelia | 2004.10.29 |
W3C 표준 권고안. 앞으로 꼭 지켜주세요.. [14] | canelia | 2004.10.29 |
스타일시트에서 링크포커스 없애기 [12] | keymove | 2004.10.26 |
타이틀 바에 움직이는 타이틀 넣기. [5] | 덜렁이 | 2004.10.16 |
<button>태그를 아시나요? [6] | 그냥이렇게。 | 2004.10.13 |
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계 [8] | Multi_Taeji | 2004.10.13 |
TabIndex를 이용하여 탭키 컨트롤하기 [5] | 손상모 | 2004.10.08 |
테이블 주위에 점선효과!!!~~(초간단팁!) [6] | 초라 | 2004.09.25 |
경고창 없이 부모창 닫고 아기창에서 마우스 오른버튼 클릭시 아기창도 닫는다. [4] | 詩와언어™ | 2004.08.27 |
동영상과 함께 자막 재생하기. [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 |