カスタム CAF v3 レシーバーを作成しました。ここで説明したのと同じ問題が発生しました (画面の左上隅にある字幕) CAF レシーバー: 字幕の配置. Google が shaka-player v2.2.10 でこの問題を修正したようです。https://issuetracker.google.com/issues/71890891 .ただし、Google がその caf ライブラリ参照を shaka-player.js v2.2.10 に更新した後でも、字幕の配置に関する問題が発生しています。ttml の例を次に示します。
ttml:
<tt xml:lang="en" xmlns="http://www.w3.org/ns/ttml" xmlns:tt="http://www.w3.org/ns/ttml" xmlns:tts="http://www.w3.org/ns/ttml#styling" xmlns:ttm="http://www.w3.org/ns/ttml#metadata" >
<head>
<styling>
<style xml:id="speakerStyle" tts:fontFamily="proportionalSansSerif" tts:fontSize="4%" tts:textAlign="center" tts:displayAlign="after" tts:color="white" tts:textOutline="black 2px 0px" tts:backgroundColor="transparent" />
</styling>
<layout>
<region xml:id="speaker" tt:style="speakerStyle" tts:origin="10% 5%" tts:extent="90% 90%" tts:zIndex="1" />
</layout>
</head>
<body timeContainer="par">
<div xml:lang="und">
<p xml:id="c456f80_00" xml:space="preserve" begin="0.000000s" end="0.680000s" region="speaker" tts:backgroundColor="rgba(0,0,0,128)" >No podemos relacionar</p>
<p xml:id="c456f80_01" xml:space="preserve" begin="0.000000s" end="0.680000s" region="speaker" tts:backgroundColor="rgba(0,0,0,128)" >a Rutledge con el asesinato.</p>
</div>
<div xml:lang="und">
<p xml:id="c456f80_02" xml:space="preserve" begin="0.920000s" end="2.000000s" region="speaker" tts:backgroundColor="rgba(0,0,0,128)" >Cuando estuve en Chechenia</p>
<p xml:id="c456f80_03" xml:space="preserve" begin="0.920000s" end="2.000000s" region="speaker" tts:backgroundColor="rgba(0,0,0,128)" >identificando cadáveres,...</p>
</div>
</body>
よくわかりませんが、ここの「スピーカー」領域のtts:originが原因であると思われます。Google のリファレンスの更新後も同じ問題が発生している人はいますか? カスタム字幕の配置に代わるものはありますか?