6. RealText

리얼시스템의 다양한 컨텐츠 기능 : RealText & RealPix

• RealText
• 일종의 Markup Language로 구현,  확장자 *.rt => 리얼플레이어와 자동 연결
• 비디오의 자막처리 및 해설기능에 활용

• RealPix
• 일종의 Markup Language로 구현, 확장자 *.rp
• 이미지의 동적인 연결과 변환 효과 가능

리얼텍스트의 지원 형식

generic-기본	예제	일반적인 윈도우 형태 텍스트 태그들을 자유롭게 사용가능
scrollingnews	예제	물흐르듯이 텍스트가 위로 흐르는(scroll) 형태 지정 픽셀 단위로 이동
teleprompter	예제	처음에는 화면에 텍스트를 채운다 다 채우면 scrollingnews처럼 위로 이동하나 줄단위로 이동(push up)
marquee	예제	오른쪽에서 왼쪽으로 텍스트가 이동(crawl), 텍스트가 세로 중앙에 위치 tickertape과 유사한 효과
tickertape	예제	오른쪽에서 왼쪽으로 텍스트 이동(crawl), 텍스트가 윗단 또는 아래단에 위치 주식 상황중계나 비디오의 자막

<window> 태그

• 리얼텍스트의 루트요소
• 속성으로 리얼텍스트의 종류, 화면 크기, 플레이시간 등을 지정 가능
• <window>...</window>사이에 리얼텍스트의 다른 태그 넣는다.
• 텍스트 뿌리기, 폰트 및 색상 제어, 시간 제어, 위치 관련 태그
• 일부를 제외하고 HTML과 유사하나 XML 형식의 태그에 주의

• <window> 태그 속성
• type : 윈도우 형식 (generic, scrollingnews, teleprompter, marquee, tickertape)
• duration : 디스플레이 시간
• width, height : 리얼텍스트 디스플레이 창의 크기
• scrollrate, crawlrate : 초당 세로로 스크롤되는 픽셀수, 가로로 이동되는 픽셀수
• bgcolor, link : 배경색, 텍스트의 색상
• loop : 텍스트의 반복 여부 (tickertape, marquee의 경우)

• 예)

<window  type="marquee"               bgcolor="blue"  height="40" width="320"  duration="01:30">   <font size="0" color="white" charset="iso-2022-kr" face="Arial">       그대가 곁에 있어도 나는 그대가 그립다       <b>   -류시화-    </b>       물 속에는 물만 있는 것이 아니다       하늘에는 그 하늘만 있는 것이 아니다       그리고 내 안에는 나만이 있는 것이 아니다       내 안에 있는 이여 내 안에서 나를 흔드는 이여       물처럼 하늘처럼 내 깊은 곳 흘러서 은밀한 내 굼과 만나는 이여       그대가 곁에 있어도 나는 그대가 그립다   </font> </window>

• 윈도우 종류에 따른 속성의 기본(default) 값

	generic	scrollingnews	marquee	tickertape	teleprompter
width X height	320 x 180	320 x 180	320 x 180	500 x 30	500 x 30
bgcolor	white	white	white	white	black
scrollrate	-	10	-	-	-
crawlrate	-	-	-	20	20
loop	false	false	false	true	true

시간 제어

• SMIL 시간과 RealText 시간
• <textstream src="..." dur="hh:mm:ss" ... />
• <window ... duration="hh:mm:ss">
• SMIL dur 이 RealText duration 보다 작으면 dur 시간후 종료
• SMIL dur 이 RealText duration 보다 크면 남은 시간동안 fill 속성 상태로 유지

• <time/> 태그
• text block 별로 시간 지정
• 속성 : begin, end

• 예  (예제실행)

<window  type="generic"  bgcolor="black"  height="240" width="320"  duration="30">   <center>     <font size="0" color="white" charset="iso-2022-kr" face="Arial">       <br/><br/><time begin="0"/>그대가 곁에 있어도 나는 그대가 그립다       <br/><br/>                                             류시화       <br/><br/><time begin="3"/>물 속에는       <br/><br/><time begin="5"/>물만 있는 것이 아니다       <br/><br/><time begin="7"/>하늘에는        ...       <clear/><time begin="15"/><br/><br/>내 안에 있는 이여       <br/><br/><time begin="17"/>내 안에서 나를 흔드는 이여       <br/><br/><time begin="19"/>물처럼 하늘처럼 내 깊은 곳 흘러서        ...     </font>   </center> </window>

• 참고  (예제실행) : scrallrate로 조절

<window  type="scrollingnews"  bgcolor="black"  height="240" width="320"  duration="40">   <center>     <font size="0" color="white" charset="iso-2022-kr" face="Arial">       <br/><br/>그대가 곁에 있어도 나는 그대가 그립다       <br/><br/>                                             류시화       <br/><br/>물 속에는       <br/><br/>물만 있는 것이 아니다       <br/><br/>하늘에는        ...       <br/><br/>       <br/><br/>내 안에 있는 이여       <br/><br/>내 안에서 나를 흔드는 이여       <br/><br/>물처럼 하늘처럼 내 깊은 곳 흘러서        ...     </font>   </center> </window>

위치 제어

• 관련 태그
• <pos  x="xxx"  y="yyy" /> 태그 : 직접 텍스트의 위치를 지정
• <tl> ... </tl> 태그 : ticker의 경우 텍스트를 아래(lower)단으로, color 속성
• <tu> ... </tu> 태그 : ticker의 경우 텍스트를 윗(upper)단으로, color 속성
• <clear /> 태그

• 예  (예제실행)

<window  type="tickertape"  bgcolor="black"  height="40"  width="320"                crawlrate="40"  duration="01:30">   <font size="0" color="white" charset="iso-2022-kr" face="Arial">     <b>그대가 곁에 있어도 나는 그대가 그립다</b>     <b>   -류시화-   </b>     <tl>물 속에는 물만 있는 것이 아니다 하늘에는 그 하늘만 있는 것이 아니다</tl>     그리고 내 안에는 나만이 있는 것이 아니다     <tu color="yellow"> 내 안에 있는 이여 내 안에서 나를 흔드는 이여     물처럼 하늘처럼 내 깊은 곳 흘러서 은밀한 내 꿈과 만나는 이여     그대가 곁에 있어도 나는 그대가 그립다</tu>   </font> </window>

텍스트 관련 태그

• <font> 태그
• 한글을 사용시에는 반드시 문자세트 지정 필요 : <font charset="iso-2022-kr">
• 속성 : face, size, charset, color, bgcolor
• 레이아웃 태그
• <br />, <p> ... </p>, <center> ... </center>
• <hr /> : 두 개의 <br/>과 동일 결과 (only for HTML compatibility)
• <ul> ... </ul>, <ol> ... </ol> : 들여쓰기만 한다 (only for HTML compatibility)
• <li /> : 한 개의 <br />과 동일 결과 (only for HTML compatibility)
• 텍스트 모양 태그
• <b> ... </b>, <i> ... </i>, <s> ... </s>, <u> ... </u>, <pre> ... </pre>
• 하이퍼링크
• <a href="URL"> ... </a>

SMIL에 포함하기

SMIL 태그 : <textstream…/>

• SMIL 예제

리얼텍스트+오디오(poet.smil) 예제실행

<smil>     <head>         <meta name="title" content="그대가 곁에 있어도 나는 그대가 그립다-류시화" />   </head>    <body>       <par>            <textstream src="poet_scrolling.rt" />         <audio src="adagio.rm" end="00:40" />     </par>   </body> </smil>

SMIL을 웹페이지에 넣기

• Embed 태그로 웹페이지에 넣는방법

(poet.html) 웹페이지보기

<html> ... <table width="320" border="0" cellspacing="0" cellpadding="0" height="240">   <embed  src="poet.smil"         type="audio/x-pn-realaudio-plugin"  console="Clip1"         controls="ImageWindow"  height=240 width=320   autostart="false" >   <embed  src="poet.smil"         type="audio/x-pn-realaudio-plugin"  console="Clip1"         controls="statusbar"  height=30 width=270  autostart="false" >   <embed src="poet.smil"         type="audio/x-pn-realaudio-plugin"  console="Clip1"         controls="playbutton"  height=30 width=50   autostart="false" >    </embed>       </table> ... </html>