HTML5 ビューアにローカリゼーションを適用する方法 |Scene7Dynamic Media Classic
ローカライズ可能なビューア内のすべてのテキストコンテンツは、SYMBOL と呼ばれる特別なHTML 5 Viewer SDK 識別子で表されます。 すべての SYMBOL には、標準ビューアに用意されている英語ロケール(「en」)のデフォルトの関連テキスト値があります。 また、必要な数のロケールに対してユーザー定義の値を設定することもできます。 ユーザー定義のローカライゼーションデータは、ローカライゼーション JSON オブジェクトとしてビューアに渡すことができます。 このようなオブジェクトには、サポートされるロケール、各ロケールのテキスト値 SYMBOL デフォルトのロケールのリストが含まれます。
説明 description
環境
Adobe Scene7
問題
Adobe Scene7 HTML5 ビューアにローカライゼーションを適用する手順を以下に示します。
解決策 resolution
ローカライズ可能なビューア内のすべてのテキストコンテンツは、SYMBOL と呼ばれる特別なHTML 5 Viewer SDK 識別子で表されます。
すべての SYMBOL には、標準ビューアに用意されている英語ロケール(「en」)のデフォルトの関連テキスト値があります。 また、必要な数のロケールに対してユーザー定義の値を設定することもできます。
ユーザー定義のローカライゼーションデータは、ローカライゼーション JSON オブジェクトとしてビューアに渡すことができます。
このようなオブジェクトには、サポートされるロケール、各ロケールのテキスト値 SYMBOL デフォルトのロケールのリストが含まれます。
このようなローカリゼーションオブジェクトの例を次に示します。
<style type="text/css">
#s7flyout_div.s7flyoutviewer{
width:50%;
height:auto;
}
</style>
< script type="text/javascript" language="javascript" src="https://s7d9.scene7.com/s7viewers/html5/js/FlyoutViewer.js"> < /script>
< div id="s7flyout_div"> < /div>
< script type="text/javascript">
var s7flyout_div =新規 s7viewers.FlyoutViewer ();
s7flyout_div.setContainerId ("s7flyout_div");
s7flyout_div.setParam ("serverurl", "http://s7d1.scene7.com/is/image/");
s7flyout_div.setParam ("contentRoot", "http://s7d1.scene7.com/is/content/");
s7flyout_div.setAsset ("Scene7SharedAssets/Backpack_B");
s7flyout_div.setLocalizedTexts ({"en":{"FlyoutZoomView.TIP_BUBBLE_OVER":"ズームにマウスオーバー"},"fr":{"FlyoutZoomView.TIP_BUBBLE_OVER":"Passez la souris sur pour zoomer"},defaultLocale:"fr"})
s7flyout_div.init ();
< /script>
「defaultLocale:"fr" を選択すると、HTML5 ビューアにフランス語のデータが読み込まれます(ビューアの読み込み後)。
追加情報
Language5 Viewers 上でのローカリゼーションテキスト(様々なHTML)の作成に関する追加ドキュメント:Dynamic Media ビューアリファレンスガイド の ユーザーインターフェイス要素のローカリゼーション 。