• このエントリーをはてなブックマークに追加
【全ゲーム作者向け】一部ブラウザでゲーム内動画・音声が自動再生できなくなる可能性とその対策方法
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

【全ゲーム作者向け】一部ブラウザでゲーム内動画・音声が自動再生できなくなる可能性とその対策方法

2018-01-25 18:00

    本記事は、すべてのゲーム作者の方向けです。

    ■自動再生のブラウザポリシーが変更になります

    ざっくりいうと

    • Chrome64以上、Safari、将来Firefoxといった多くのブラウザで音声つきメディアの自動再生が許可されなくなります。
    • これに伴い、RPGツクールMV製のゲームでも音声が鳴らなくなる可能性があります。
    • RPGアツマールではこの問題に対処するためのプラグインを用意し、コアスクリプトコミュニティへの問題共有も行いました。

    詳細

    先日の Safari でゲーム内動画が再生できない状況の対応を進めるなかで、今後 Safari 以外のブラウザでも同様の状況が起こる可能性があることがわかりました。
    また、動画だけでなく、音声の自動再生にも制限が入る可能性があるようです。
    具体的には、Google Chrome v64 から動画(音声付)、v65からは音声の自動再生がデフォルトでは制限されるようです。
    ※Chrome v64は本日1/25より配布され始めましたが、自動再生制限はまだ入っていないようです。詳細が分かり次第記事を更新したいと思います。

    参考:Chromeの動画自動再生の制限について(※原文から Google 翻訳の結果を元に意訳)
    Autoplay Policy Changes | Google Developers (英語)
    https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
    • ミュートされた自動再生は常に許可されます。
    • 次の場合は音声付きの自動再生が許可されます:
      • ユーザーがクリック、タップした場合。
      • デスクトップ版では、ユーザーのMedia Engagement Indexの閾値が一定以上になっている場合。(ユーザーがそのサイトで以前に音声付き動画を再生していたことを意味します)
      • モバイル版では、ユーザーがそのサイトを「ホーム画面に追加」をしている場合。
    • iframeの場合は、親フレームが上記条件を満たしていて、iframeに対しても権限を委譲している場合、音声付き動画を自動再生できるようにすることができます。
    ゲーム内のメディアが自動再生の条件から外れていた場合、ゲームが止まってしまいます。
    この状況への対策として、プラグインを作成いたしました。一度でも画面をクリックかタップしている場合は音声再生でき、動画の場合は止まった時点でクリックかタップで再度再生できるようになります。

    ■プラグイン「AtsumaruAutoplayFix.js」

    自動再生できる条件から外れてた場合、クリックかタップで再度再生できるようになるプラグインを用意しました。ご利用ください。
    以前の「SafariMovieFix.js」の機能を内包しています。お手数ですが、すでに導入済みの場合は、置き換えていただければと思います。
    → Download
    https://dl.cdn.nimg.jp/atsumaru/atsumaru/plugin/2018/01/25/1745/AtsumaruAutoplayFix.js
    ※リンクを右クリックして、「名前をつけてリンク先を保存」などでダウンロードしてください。

    ライセンス情報

    ライセンス:MIT License
    https://ja.osdn.net/projects/opensource/wiki/licenses%2FMIT_license
    プラグインの制作と検証は「RPGアツマール」チームで行われました。

    ■今後

    RPGツクールMVのコアスクリプトコミュニティにも情報は共有されており、将来バージョンのコアスクリプトではプラグインと同等の対応が実装される予定です。

    自動再生の制限は昨今のモダンブラウザのポリシーとしては標準となっていくようで、Firefox などでも検討がされているようです。
    今回のようなブラウザのポリシー変更などによる、ゲームへの影響は今後も考えられるため、更新される情報にご留意いただければ幸いです。

    ■参考

    コメントを書く
    コメントをするには、
    ログインして下さい。