今回も参加しゲームを作成しました。その際に知見となった点(色々とあるけれど)のひとつをかるーくご紹介いたします。最初の画面からBGM流れるように作っても(基本は)ブラウザ制御で鳴らないよ!というお話です。RPGゲームのボスバトルです。サイトからDLして遊べます。公開して確認したらどうやっても最初の画面では自動でBGMがかからない。編集画面上では自動再生されるので気づきにくいかと思います。ゲームを作る同志達に向けwせっかくなので記事にしています。事象としては最初のスタート画面では自動で音楽が再生されない。ボタンクリックしたりすると鳴ってくれる。次の画面に進むボタンでページ切り替える→その画面での自動再生は開始される。要は一番最初に開いたときに鳴らすようにしているBGMが自動では再生されないという事象でした。参考としたサイトの情報あれー?としばらくハマっていたのですが、以下のサイトなどで情報が載っていて、どうやらChromeの機能でBGMの自動再生が制御されているようでした。Edgeでも同様でした。※むかーしはなかったけど途中からそういった機能が追加された様子。Appsのスマホアプリで開いた際はこの制御はなく最初の画面から自動再生されました!(これは明示的にアプリ上で開いているからブラウザ的な制御はかけていないということかと)裏で自動でボタンSelectさせてもダメだったらロード用の画面と透明のボタンを用意して、裏でタイマーなんかでそのボタンをSelectさせて自動で次の画面にしてあげたらなるんじゃん!?など思ってやってみたけどダメでした。ユーザーがクリックするなどの操作でないと回避は出来ないようです。結果的にブラウザの制御によるものなんだー!じゃあしょうがないな。普通に考えれば、ブラウジングしてて、急におっきなBGM流れてくるサイトとかイヤですよね。(そういえば昔はそういったサイトも結構あったような)なので、もし出来たとしてもそうはせず、むしろ次の画面からは音が鳴るよってことをお知らせしてあげる方が親切だなーと思い直しました。今回作成したアプリでもスタート画面は以下のようにして、ボタンクリックすると次の画面からBGMが流れ出します。そのことを警告として表示するようにしました。ブラウザでミュートするには(Edgeの場合)以下のように音が鳴っているサイト(ページ)ではスピーカーアイコンが出ています。ここをクリックすればその画面をミュート出来ます。(Edgeの場合、Chromeだと出来なかった)またはPCの音声自体をミュートすればBGMが不快な場合は音なしに出来ますね。それでも鳴らしたい場合!(ユーザー側のブラウザ設定が必要)別の記事で以下の部分を設定すれば、指定したサイトで自動音楽再生を許可できるというのを見て試したら確かにこの設定で音が鳴るようになりました!Chrome、Edgeともに同様の設定箇所があり、そこで許可するサイトに登録してもらえればちゃんとなりました。→「その他コンテンツの設定」セクションで「音声」を開きます。ここで、サイトが音声を再生できるようにする。なっているかと思います(自分の場合既定でそうでした)あれ?鳴るような設定だけどもなーと思いましたがよくわからず。→で、下の部分で「音声の再生を許可するサイト」に対象のアプリのURLを追加してあげます。直接のURLは「chrome://settings/content/sound」です。サイト単位の設定なのでアプリURLを入れてもPowerAppsのサイトURLまでに調整されます。上記を追加後に、今まで鳴らなかった(最初の画面から自動BGM再生するアプリ)を開いたら鳴るように!→上記を削除してあげたら今まで通り、初回は音が鳴らなくなりました。音声アイコンも消えてますね。同じようにEdgeの場合も近い設定で調整出来ました。直接のURLは「edge://settings/content/mediaAutoplay」です。AppsプレイヤーのURLを追加します。「https://apps.powerapps.com」ですね。※Edgeの場合は現在のInPrivateセッションのみとするオプションもありました。上記設定後に開きなおすと鳴りだしました。アプリ全体に対しての適用は上記ブラウザ設定で可能ということで、アプリで自動音楽再生をどうしてもやってもらいたい場合は、上記のブラウザ設定の調整で出来ました。アプリ全体に適用される感じですね。業務などでそういったケースがあれば(あるか???)自社のブラウザ設定でユーザーに調整してもらえば対応は出来そうです。自動で開始されるって知っていれば問題ないんですが、急に鳴り出すとやっぱり不快かなーと思いました。おわりにということで、今回はゲーム作成中に得た知見+調整も出来るよという点を記事にしました。ゲームくらいですかね?こんな調整が必要かもっていうのは。お役には立たないと思いますが、ゲーム作成する同志に向けた内容ということで。itこの記事は役に立ちましたか?もし参考になりましたら、下記のボタンで教えてください。Automate技術者へと転身。qiitaや自社HPでも技術ブログを書いていました。Apps2023.07.143【パワスロ】コンテナー・ドロップシャドウを使ってボタンやレバーを表現するはじめにパチスロアプリでも使用している、コンテナー・ドロップシャドウを使った浮き出る感の実装や、ボタンを押したときの押し込み感などの実装を記事にしました。パワスロシリーズの記事はこちらからコンテナー・ドロップシャドウを使った実装は以下の記事でも紹介しています。-ヨウセイVer–略してパワスロ!を作りました。大賞とデザイン賞をいただきました!TIPS当日の内容については以下記事よりご確認ください。アプリのダウンロードもこちらのページから可能です。Apps2023.07.264【パワスロ:Tips】ハンバーガーメニューの作り方はじめにパチスロアプリでも使用している、ハンバーガーメニューの作り方を記事にしました。使用頻度が低めのメニューや設定関連のメニューはクリック時に表示すると画面を広く使えます。モバイルで効果的ですね。その対処法はじめにパチスロアプリでも使用している、スタート画面のOnVisible、条件に応じてNavigateで画面遷移する方法と、その際のネックの事象(編集できなくなる)の対処法の部分を記事にしました。トラックバックこの記事へのコメントはありません。トラックバックURLこの記事へのトラックバックはありません。返信をキャンセルする。