Viewerで表示されるコンテンツには、ローカライゼーションの対象となるものもあります。 これには、ユーザーインターフェイス要素のツールチップや、ビデオが再生できない場合に表示されるエラーメッセージなどが含まれます。
ローカライズ可能なビューア内のテキストコンテンツは、すべてSYMBOLと呼ばれる特別なビューアSDK識別子で表されます。 すべてのシンボルに、標準搭載のビューアに付属の英語ロケール("en"
)に対応するデフォルトのテキスト値があります。 また、必要な数のロケールに対してユーザー定義の値を設定することもできます。
ビューアの開始は、現在のロケールをチェックし、ロケールでサポートされている各シンボルにユーザ定義の値があるかどうかを確認します。 存在する場合は、ユーザー定義の値が使用されます。それ以外の場合は、そのまま使用できるデフォルトのテキストに戻ります。
ユーザ定義のローカライゼーションデータは、ローカライゼーションJSONオブジェクトとしてビューアに渡すことができます。 このオブジェクトには、サポートされるロケールのリスト、各ロケールのシンボルテキスト値、およびデフォルトロケールが含まれます。
このようなローカライゼーションオブジェクトの例を次に示します。
{
"en":{
"Video360Player.ERROR":"Your Browser does not support HTML5 Video tag or the video cannot be played.",
"PlayPauseButton.TOOLTIP_SELECTED":"Play"
},
"fr":{
"Video360Player.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)
メソッドを呼び出してローカライゼーションオブジェクトを渡すこともできます。
次のシンボルがサポートされています。
シンボル |
ツールチップの対象 |
---|---|
コンテナ.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 |
フルスクリーン状態でのフルスクリーンボタン。 |
SocialShare.TOOLTIP |
ソーシャル共有ツール。 |
EmbedShare.TOOLTIP |
埋め込み共有ボタン。 |
EmbedShare.HEADER |
埋め込みダイアログボックスのヘッダー。 |
EmbedShare.TOOLTIP_HEADER_CLOSE |
埋め込みダイアログボックスの右上にある閉じるボタン。 |
EmbedShare.DESCRIPTION |
埋め込みコードテキスト。 |
EmbedShare.EMBED_SIZE |
埋め込みサイズコンボボックス。 |
EmbedShare.CANCEL |
「キャンセル」ボタン。 |
EmbedShare.TOOLTIP_CANCEL |
「キャンセル」ボタン。 |
EmbedShare.ACTION |
「すべて選択」ボタン。 |
EmbedShare.TOOLTIP ACTION |
「すべて選択」ボタン。 |
EmbedShare.CUSTOM_SIZE |
埋め込みサイズコンボボックスの最後の「カスタムサイズ」エントリ。 |
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の共有ボタン。 |
Video360Player.ERROR |
再生可能なビデオがない場合に表示されるエラーメッセージです。 |