자막 HTML ? 스크립트 언어? 에 대해 질문드립니다.
유튜브 자막을 이렇게 만들고 싶습니다.
https://www.youtube.com/watch?v=pfkBYHFZAt8
(자막기능을 켜고 보셔야 나옵니다)
유튜브 내에서 지원하는 확장자가 이런데
저는 자막의 크기 , 색 , 위치 조정을 하고싶어서 TTML 확장자로 아래처럼 만들었는데
위치, 색은 바뀌어서 적용이 되는데
(Font size) 글자 크기, (Backgroundcolor)자막배경 색 명령어를 제대로 적어도
적용이 안됩니다... 어떻게 해야 할까요..ㅠㅠ
<?ttml version="1.0" encoding="UTF-8" standalone="no"?>
<tt ttmlns:tt="http://www.w3.org/ns/ttml" ttmlns:ttm="http://www.w3.org/ns/ttml#metadata" ttmlns:ttp="http://www.w3.org/ns/ttml#parameter" ttmlns:tts="http://www.w3.org/ns/ttml#styling" ttp:cellResolution="40 19" ttp:pixelAspectRatio="1 1" ttp:tickRate="10000000" ttp:timeBase="media" tts:extent="640px 480px" ttmlns="http://www.w3.org/ns/ttml">
<head>
<layout>
<region xml:id="r1" tts:origin="10% 10%" tts:extent="80% 20%"/>
<region xml:id="r2" tts:origin="10% 40%" tts:extent="80% 20%"/>
<region xml:id="r3" tts:origin="10% 70%" tts:extent="80% 20%"/>
<region xml:id="r4" tts:backgroundColor="red"/>
</region>
</layout>
<metadata> <!-- info about the document -->
</head>
<body>
<div xml:lang="Kor">
<p begin="0.00s" end="1.00s" region="r4">
해..<span tts:color="#6ABBB9">해치웠나?</span><br/>
</p>
<p begin="1.00s" end="2.00s" region="r2">
<span tts:color="#6ABBB9">I told them "This is what I wish."</span><br/>
</p>
<p begin="2.00s" end="3.00s" region="r3">
<span tts:color="#6ABBB9">The little fishes of the sea
</p>
</div>
</body>
</tt>
