ユーザーインターフェイス要素のローカライズ localization-of-user-interface-elements
作成対象:
- {"id":"d378ca77-2da1-4f39-ad92-1917fe974a38"}
- {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"},{"id":"ff6a42d2-313e-452e-93a6-792e4fad9ff8"}
インタラクティブビデオビューアに表示される特定のコンテンツは、ローカライズの対象となります。 このようなコンテンツには、ユーザーインターフェイス要素のツールヒントと、ビデオが再生できないときに表示されるエラーメッセージが含まれます。
ローカライズ可能なビューア内のすべてのテキストコンテンツは、SYMBOLと呼ばれる特別なビューアSDK IDで表されます。 任意のSYMBOLには、標準ビューアで指定された英語ロケール ("en")のデフォルトの関連テキスト値があります。 また、必要な数のロケールに対してユーザー定義の値を設定することもできます。
ビューアが起動すると、現在のロケールをチェックして、そのようなロケールでサポートされている各SYMBOLにユーザー定義の値があるかどうかを確認します。 存在する場合は、ユーザー定義の値を使用します。それ以外の場合は、デフォルトのデフォルトのテキストにフォールバックします。
ユーザー定義のローカライゼーションデータは、ローカライゼーション JSON オブジェクトとしてビューアに渡すことができます。 このオブジェクトには、サポートされているロケールのリスト、各ロケールのSYMBOL テキスト値、およびデフォルトのロケールが含まれます。
そのようなローカライゼーションオブジェクトの例を以下に示します。
{
"en":{
"VideoPlayer.ERROR":"Your Browser does not support HTML5 Video tag or the video cannot be played.",
"PlayPauseButton.TOOLTIP_SELECTED":"Play"
},
"fr":{
"VideoPlayer.ERROR":"Votre navigateur ne prend pas en charge la vidéo HTML5 tag ou la vidéo ne peuvent pas être lus.",
"PlayPauseButton.TOOLTIP_SELECTED":"Jouer"
},
defaultLocale:"en"
}
上記の例では、ローカライゼーションオブジェクトは2つのロケール("en"と"fr")を定義し、各ロケールの2つのユーザーインターフェイス要素にローカライゼーションを提供します。
Web ページのコードは、ローカライゼーションオブジェクトを、設定オブジェクトのlocalizedTexts フィールドの値としてビューアコンストラクターに渡す必要があります。 別のオプションとして、setLocalizedTexts(localizationInfo) メソッドを呼び出してローカライゼーションオブジェクトを渡すこともできます。
次のシンボルがサポートされています。
Container.LABEL
最上位ビューア要素のARIA ラベル。
PlayPauseButton.TOOLTIP_SELECTED
再生ボタンの状態を選択しました。
PlayPauseButton.TOOLTIP_UNSELECTED
再生一時停止ボタンの状態を選択解除しました。
PlayPauseButton.TOOLTIP_REPLAY
再生の一時停止ボタンの状態を再生します。
VideoScrubber.TOOLTIP
ビデオスクラバー:
VideoTime.TOOLTIP
コントロールバーのビデオ時間。
MutableVolume.TOOLTIP_SELECTED
選択した可変ボリューム。
MutableVolume.TOOLTIP_UNSELECTED
選択解除された可変ボリューム。
MutableVolume.TOOLTIP_VOLUME
ARIA aria-valuetext 属性を介して公開されたボリュームスライダーノブラベル。
FullScreenButton.TOOLTIP_SELECTED
フルスクリーンボタンを通常の状態で使用します。
FullScreenButton.TOOLTIP_UNSELECTED
フルスクリーン状態のフルスクリーンボタン。
ClosedCaptionButton.TOOLTIP_SELECTED
クローズドキャプションボタンの状態を選択しました。
ClosedCaptionButton.TOOLTIP_UNSELECTED
選択解除されたクローズドキャプションボタンの状態。
InteractiveSwatches.BANNER
バナー用のキャプション。
ScrollUpButton.TOOLTIP
スクロールアップボタン:
ScrollDownButton.TOOLTIP
下にスクロール ボタン。
SocialShare.TOOLTIP
ソーシャル共有ツール:
LinkShare.TOOLTIP
リンク共有ボタン。
LinkShare.HEADER
リンクダイアログボックスヘッダー。
LinkShare.TOOLTIP_HEADER_CLOSE
リンクダイアログボックス右上の「閉じる」ボタン。
LinkShare.DESCRIPTION
共有リンクの説明。
LinkShare.CANCEL
「キャンセル」ボタンのキャプション。
LinkShare.TOOLTIP_CANCEL
「キャンセル」ボタン。
LinkShare.ACTION
「すべてを選択」ボタンのキャプション。
LinkShare.TOOLTIP_ACTION
「すべて」ボタンを選択します。
FacebookShare.TOOLTIP
Facebook共有ボタン。
TwitterShare.TOOLTIP
Twitter共有ボタン。
CloseButton.TOOLTIP
Call to action パネルの「閉じる」ボタン。
VideoPlayer.ERROR
ビデオの再生が不可能な場合に表示されるエラーメッセージ。