【MRTK】HoloLens2 空間オーディオのチュートリアルのやり方 その1

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">MRTKの立体オーディオのチュートリアルやりました。<br>空間に動画が表示できた時は感動しました！<a href="https://twitter.com/hashtag/HoloLens2?src=hash&amp;ref_src=twsrc%5Etfw">#HoloLens2</a> <a href="https://twitter.com/hashtag/MRTK?src=hash&amp;ref_src=twsrc%5Etfw">#MRTK</a> <a href="https://t.co/GyZCya5TMv">pic.twitter.com/GyZCya5TMv</a></p>&mdash; 原口昂弥 (@k_haraguchi55) <a href="https://twitter.com/k_haraguchi55/status/1384380501440360448?ref_src=twsrc%5Etfw">April 20, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
[MRTK 立体オーディオのチュートリアル](https://docs.microsoft.com/ja-jp/windows/mixed-reality/develop/unity/tutorials/unity-spatial-audio-ch1)をスクショ付きでやりました。

全部で4記事です。
[【MRTK】HoloLens2 空間オーディオのチュートリアルのやり方 その1](https://qiita.com/h_koya/items/efeed0af267298a66cee)
[【MRTK】HoloLens2 空間オーディオのチュートリアルのやり方 その2](https://qiita.com/h_koya/items/c90c8e0c6a2ef8ce0de0)
[【MRTK】HoloLens2 空間オーディオのチュートリアルのやり方 その3](https://qiita.com/h_koya/items/bcaf82c5e36f3fb1c06c)
[【MRTK】HoloLens2 空間オーディオのチュートリアルのやり方 その4](https://qiita.com/h_koya/items/b5a6f4bdb43608982f2a)
# 開発環境

+ HoloLens2
+ Windows 10 pc
+ Unity 2019.4.1f1

# プロジェクトの作成と準備

### プロジェクトを作成

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/39329f97-9593-ca4d-e11a-9b728d990a75.png)

### MicrosoftMixedRealityFeatureToolを起動

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/10d71e09-1dac-3b28-3ba2-7a4a7a58cee7.png)
持っていない人は下記リンクからダウンロード
https://docs.microsoft.com/ja-jp/windows/mixed-reality/develop/unity/welcome-to-mr-feature-tool

### 先ほど作成したプロジェクトパスを指定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/0553da53-ec6d-a1b0-548b-997ef8336c13.png)

### Mixed Reality Toolkit Foundation をインポート
Mixed Reality Toolkit Foundation を選択した後 GetFeatures をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/e690982b-de80-a95e-9b94-563c45a1e026.png)
Importをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/d90869fb-efd3-6021-8dab-bd7b366e96f7.png)
Approveをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/f6a7f451-2aa9-8b28-7278-e477bcf054ce.png)
その後Unityでインポートが終わると下の画面が表示されるのでApplyをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/3a8849c7-b3ce-229c-e71d-49640a35eebf.png)
※以後この画面が表示されたらApplyをクリックしてください。


### 設定変更
左上から File > Build Settings を選択
BuildSettings で Universal Windows Platformを選択し、Switch Platformを クリック
プラットフォームの切り替えが完了したら左下のPlayer Settingsをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/c78fa374-e440-aed8-bac1-b948850404b3.png)
Player > Publishing Settings > package name を適切な任意の名前に変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/67ae22cd-1e92-0987-ee0f-0dcdc2408947.png)
下にスクロールして XR Settings > Virtual Reality Supported にチェックを入れる
Virtual Reality SDKs の + アイコンをクリック
Depth Format を 16bitに変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/28558caa-cdf8-c952-a086-8bbe02908388.png)
TextMeshProをインポート
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/ef7c0d0a-6db5-e558-3369-9485a13edbfe.png)

# シーンの作成
新しいシーンを作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/691a19e4-f744-8a4e-3260-8c6eda6116ff.png)
Mixed Reality Toolkit > Add To Scene and Configure... をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/4415f2df-83c9-6350-1c99-8aef99682c57.png)
Hierarchy の MixedRealityToolkit を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/c0b860a9-6fbc-9477-3d95-4a8c6d6b37b7.png)
Inspector から "DefaultHoloLens2ConfigurationProfile" のクローンを作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/983f731e-381a-7a3b-541d-31f1a8d58e0d.png)
Spatial Awarenessを選択
"MixedRealitySpatialAwarenessSystemProfile"と"MixedRealitySpatialAwarenessMeshObserverProfile"のクローンを作成
DisplaySettings > DisplayOption を Occlusionに変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/51891bc9-343b-ef32-a384-b003256fa723.png)

# Microsoft Spatializerの追加
[SpatialAudio.Spatializer](https://github.com/microsoft/spatialaudio-unity/releases/download/v1.0.18/Microsoft.SpatialAudio.Spatializer.Unity.1.0.18.unitypackage)をダウンロードしてインポート
Edit > Project Settings をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/634a0e46-0e40-893e-91c4-75ee0fff5e2f.png)
Audio > Spatializer Plugin > Microsoft Spatializer を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/b5fe0cf0-5a17-6917-c352-ac8ef9b73540.png)

# ボタンを追加
Project > "PressableButtonHoloLens2" を検索
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/67c4dafc-9a03-2ea5-24d2-4e782a2314e3.png)
"PressableButtonHoloLens2.prefab" を Hierarchy に追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/f111fcac-ef14-3a76-4006-78be805f60ae.png)
PressableButtonHoloLens2 の Transform Position を x:0 y:-0.4 z:2 に変更 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/50a9c867-1e1d-5833-8103-4028d52db09d.png)
Window > Audio > Audio Mixer を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/4ee89221-8363-9b04-a77f-c36ce49c9baf.png)
"+" をクリックして新しいオーディオミキサーを作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/28c5a987-9a16-2681-f957-d4561281d748.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/b6645a50-c753-904c-eaf4-82c912878e9f.png)
Hierarchy から PressableButtonHoloLens2 を選択
Inspector > Audio source > Output で先ほど作成したオーディオミキサーをセット
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/a91b327b-d302-5ce4-21aa-a86ce7b8bb7f.png)
Spatialize にチェックを入れる
Spatial Blend を1に変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/75e58f10-b38f-c13f-b952-1422c3f74c07.png)

# 動作確認
File > Build Settings > Build
適切なフォルダを選択してビルド
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264045/605aa780-edd2-a934-db16-7fc586aac739.png)

正面のボタンを押したときの効果音が立体であることを確認
続き
[【MRTK】HoloLens2 空間オーディオのチュートリアルのやり方 その2](https://qiita.com/h_koya/items/c90c8e0c6a2ef8ce0de0)