ユーザーインターフェイス要素のローカライゼーション

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

再生可能なビデオがない場合に表示されるエラーメッセージです。

このページ