웹마스터 팁
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
음.. 어떤 사람은 되고 어떤 사람은 안 되는 건가봐요 ㅠㅠ