micomia株式会社の井上です。今回はPlay sound/Stop soundについて解説していきます。
初心者にもわかりやすく解説していくのでぜひご一読ください。
1. Play Soundとは
Play soundは音源は別で用意していただく必要がありますが、ページがロードされた際に音を流し始めることが多いです。
On Page LoadでPlay Soundを実装します。

すると、Audio Typeを選択できるので事前に用意したものを使用したい場合はAssetを選択します、それ以外はNetworkを選択します。

その下のVolumeでは音量を設定できます。Await PlaybackはONにするとサウンドの再生が終了するまで他のアクションを開始しないようにできます。

これで設定が完了すると、On Page Loadなのでこの画面が読み込まれた瞬間に音楽が再生されるようになります。
2. Stop Soundとは
次に、音楽の再生を止めるStop Soundです。Play Soundと同じようにActionとして実装します。

Sound_mnuと表示されているのは先ほど実装したPlay Soundのnameの箇所です。
複数Play Soundを実装している場合はStop Soundの対象としたいPlay Soundの名前を選択してください。
実装できると以下のような状態になりますが、このままだとPlay Soundのすぐ後にStop Soundがあることですぐに再生が止まってしまいます。

それを防ぐために、Play SoundとStop Soundの間にWaitを実装します。

1000msで1秒になるので、10000msで10秒間Play Soundを持続する、と言ったことができます。
注意点として、他の画面に遷移する際に音楽を流し続けることはできないのでそれぞれの画面で別の音楽を設定する必要があります。
3. さいごに
今回はPlay Sound/Stop Soundについて解説していきました。簡単に実装できる機能なのでぜひ本記事を参考にしながら実装してみてください。
本記事の内容を動画で観たい方は以下をご覧ください。



.webp%3Falt%3Dmedia%26token%3Dcce7bd72-f11e-4292-86bf-e6ccf3e7bf32&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D457ff920-e0df-4ff5-95eb-e29f74b73823&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dc21fcc77-7404-458d-9eb5-85b8d84ae1bc&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D92052f12-5280-49df-877a-b514582e95db&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D5f10e078-4d87-4c87-928c-21b719cbf1cb&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D957b18b6-9b01-4c94-9207-7b9fca22a787&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dd952e11d-4461-47ae-892d-622fc3f2a48a&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D532bb657-5670-49b4-9165-5f758062d8dd&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D9cf3f36c-8f8d-476f-bfd8-37ba68b36dd8&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Da24af51c-e8e5-41fc-9f3b-602320816500&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D6a5c9316-446c-44e1-a233-d96072733e9e&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dac0633f1-86ae-4a06-956d-08a9b9c647f9&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Dc8a8ec29-e50f-412e-9b19-3dea67f910c0&w=3840&q=75)

.webp%3Falt%3Dmedia%26token%3D132c7143-eee3-4d9d-90b7-002869eae424&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3Db447159f-01cb-43d8-97a8-121802d03d89&w=3840&q=75)

.webp%3Falt%3Dmedia%26token%3D0ddf6c29-973e-41f2-886a-606c367f16a9&w=3840&q=75)
.webp%3Falt%3Dmedia%26token%3D8e869338-c619-4b77-bda6-6a3fff356887&w=3840&q=75)