音声コマンドや音声再生を使用したプロトタイプの作成

プロトタイプモードに切り替えます。

インタラクションを定義するには、ソースオブジェクトの青いコネクタ、コンポーネントのステート、またはアートボードをクリックします。 プロパティインスペクターで、次のオプションを設定します。

• トリガー：「音声」に設定します。
• コマンド：音声コマンドをテキストで入力します。
• アクション：「トランジション」に設定します。
• 移動先：移動先のアートボードまたはコンポーネントのステートを設定します。
• アニメーション：用意されているオプションから選択してアニメーションを設定します。
• イージング：用意されているオプションから選択してイージングを設定します。
• デュレーション：トランジションの時間を秒単位で設定します。

1 つのオブジェクト、コンポーネントのステート、またはアートボードに対して、複数のインタラクションを定義するには、次の手順を実行します。

1. 選択して、その上で「+」をクリックします。 またはプロパティインスペクターで「+」をクリックします。
2. プロパティインスペクターでプロパティを設定します。

 トリガーのうち、タップ、ドラッグ、ホバー、時間は 1 回しか適用できず、音声、キー／ゲームパッドは何度でも適用できます。 

おこなった変更を表示するには、デスクトッププレビューボタン を選択します。

次のアートボードまたはコンポーネントのステートへのトランジションをプレビューするには、スペースバーを押しながら音声コマンドを繰り返します。 

プロトタイプモードで、オブジェクトまたはアートボードを選択します。

プロパティインスペクターで、次のオプションを設定します。

• 「+」をクリックしてインタラクションを追加します。 
• トリガー：「タップ」に設定します。
• アクション：「オーディオ再生」に設定し、オーディオファイルを参照して追加します。 

 オーディオの自動再生は、Safari の設定で自動再生を有効にしている場合のみ Safari で機能します。 XD プロトタイプリンクの自動再生を有効にする方法については、「Safari でサウンドの自動再生を有効にする」を参照してください。

プロトタイプモードで、複数のアクションを追加するオブジェクトまたはアートボードを選択します。 

プロパティインスペクターで、次のオプションを設定します。

• 「+」をクリックしてインタラクションを追加します。 
• トリガー：「タップ」に設定します。
• 最初の「アクション」の「+」ボタン（トランジションアクション）を「トランジション」、「自動アニメーション」、「オーバーレイ」、「スクロール先」、または「前のアートボード」のいずれかに設定します。 
• 2 番目の「アクション」の「+」ボタン（トランジション以外のアクション）を「オーディオ再生」または「音声再生」に設定します。 
  

 プロパティインスペクターにある 2 番目の「アクション」の「+」ボタンは、トリガーを「タップ」に設定した場合のみ有効になります。 最初のアクションに、「オーディオ再生」や「音声を再生」など、トランジション以外のアクションを設定した場合、2 番目の「アクション」の「+」ボタンは有効になりません。

ワイヤーをソースアートボードからデスティネーションアートボードにドラッグします。

音声再生を追加するには、プロパティインスペクターで、以下のオプションを選択します。

• トリガー：「時間」に設定します。
• ディレイ：音声再生の開始のタイミングとして適用される遅延時間を秒単位で設定します。 
• アクション：「音声を再生」に設定します。
• 音声：音声再生用の声を選択します。
• 音声：音声再生に使用するテキストを入力します。
  

変更をプレビューするには、デスクトッププレビューアイコン  をクリックします。

次のアートボードへの音声再生付きトランジションをプレビューするには、スペースバーを押しながら音声コマンドを繰り返します。 

プロトタイプモードで、フローの開始点が設定されるホーム画面を選択し、デスクトッププレビューボタンをクリックします。

録音ボタンの横にあるドロップダウン矢印を選択して、「マイクを有効にする」を選択します（macOS）。 Windows の場合は、Gamecenter の OS レベルのコントロールでマイクを有効にします。録音時は、インターフェイスで点滅する赤いアイコンに注意してください。

録音した音声を mp4 ファイルとして保存し、関係者と共有したり、ソーシャルメディアに投稿したりすることができます。 

 これは、XD からのオーディオ出力（音声再生など）を直接キャプチャするものではありません。 マイクは、ユーザーの設定に応じて出力を認識するか録音します（システムマイクは、システムスピーカーから音声再生が再生されるのを認識します）。

デスクトップアプリで、右上の共有アイコンをクリックして、「デザインレビュー」（プロトタイプの場合）または「開発」（デザインスペックの場合）を選択します。

プロトタイプをプレビューするとき：

• デスクトップまたはノートパソコン：スペースバーを押し続けます。
• Adobe XD モバイルアプリ（iOS および Android）：画面上の任意の場所で長押しのジェスチャーを使用します。 画面上に指を置き（動かさずに）、指を戻す前に音声コマンドを使用します。
• スマートフォンのモバイルブラウザー：画面の右下隅にあるマイクアイコンを押し続けます。

デザインスペックをプレビューするとき、開発者は音声コマンドと音声再生をテキストとして読み取るか表示することができます。 

 デザインスペックでは音声インタラクションはサポートされていません。