1. プラグ可能なプレビュー

3D ファイルの外部プレビューアーの例

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

次の例では、プラグ可能なプレビューを使用して、DAEの外部プレビューアーを作成します。 DAE ファイルは、さまざまなグラフィックス プログラム間でデジタル アセットを交換するために使用する 3D 互換ファイルです。画像、テクスチャ、またはおそらく 3D モデルが含まれている可能性があります。

警告

プラグ可能なプレビューでは、3D アニメーション ファイルのビューアー OOTB は提供されません。

次の例では:

JavaScript 設定のアップロード

daePlayer.js をポータル アセットとしてアップロードします。このファイルは、新しい PreviewConfiguration を作成するときに作成される外部コンポーネントの設定を定義するために使用されます。

注意

daePlayer.js をポータル アセットとしてアップロードするには、「ポータル アセットのアップロード」を参照してください。

次の手順を実行する前に、必ずメディア処理を完了させてください。

ポータル アセットとしての daePlayer.js ファイル

プレビュー設定の追加

新しいプレビュー設定を作成するには:

  1. メニュー バーで [管理] 管理アイコン をクリックします。

  2. [管理] ページで、[設定] settings icon をクリックします。

  3. [PortalConfiguration] 設定で「PreviewConfiguration」を検索します。

  4. [カスタム プレビューアー] タブをクリックします。

  5. [+プレビューアー] をクリックします。

  6. [構成の詳細をプレビュー] ダイアログ ボックスに、プレビューアーの名前として「dae」と入力します。

  7. [外部コンポーネント (React)] コンポーネントが開きます。

    • 設定: JSON 設定は必須ではないため、追加しないでください。
    • JS バンドル: ポータル アセットとして、以前にアップロードした daePlayer.js ファイルをドロップダウン オプションから選択します。
  8. [保存] をクリックします。

  9. [カスタム プレビューアー] タブの下部で、[+設定] をクリックします。

  10. レンディションまたは拡張名として dae を追加します。

  11. ドラッグ アンド ドロップ機能 ドラッグ アンド ドロップ アイコン を使用して、新しいプレビュー設定をプレビュープレビュー設定の上に移動します。

    上部に表示されるプレビュー設定の新しい設定

    警告

    新しいプレビュー設定を必ずプレビュープレビュー設定の上に移動してください。そうしないと、Sitecore Content Hub™ は新しい設定の代わりにそれまでのプレビュープレビュー設定を使用してプレビューを生成してしまいます。

  12. [保存] をクリックします。

  13. 以前に作成した dae プレビュー設定で、プレビューアーとしてドロップダウン オプションからdae プレビューアーを選択します。

    入力とプレビューアーを選択した状態でのプレビュー設定
  14. [保存] をクリックします。

3D ファイルの表示

設定が完了したら DAE ファイルをプレビューできます。

DAE ファイルをプレビューするには:

  1. Dragon_dae.dae ファイルをアップロードします。

  2. ファイルがメディア処理を通過できるようにします。

  3. [作成] ページで、[アセットの詳細] ページをクリックしてそのページを表示します。

  4. アセットのプレビューをクリックします。

注意

リリース 4.1.0 では、検索コンポーネントからのインライン プレビューはありません。プレビューは詳細ページのみです。

この記事を改善するための提案がある場合は、 お知らせください!