メニューを閉じる

テクノデジタルグループ

メニューを開く

2018.06.05

プログラミング

Chrome 66からWebRTCが動かないパターンが発生するはずだけれど?

坂東です。

Chrome M66で、video や audio タグの autoplay と play() の動作に制限がかかるようになりました。
勝手に音声流す糞広告やいきなり帯域を食い始める動画サイト対策でしょうね。

Auto Play Policy Changes
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Chrome 自動再生ポリシー変更 / Autoplay Policy Changes
https://support.skyway.io/hc/ja/community/posts/360002623047

どういう制限かというと「ユーザーの操作なしに勝手に再生できない」ということです。
再生前にボタンを押したり画面をタップしたり、ユーザーのアクションが必要。
onload 直後とか、何もせず数分立ってからでも、勝手に再生を始めるとこういうjsエラーが出ます。

Failed to execute ‘play’ on ‘HTMLMediaElement’: API can only be initiated by a user gesture.

 

WebRTCもvideoタグを使用しているので影響をうけるでしょう。
ページ表示して何も操作せず待受する専用画面とか作ったじゃん。

ヤバイ!早く気付いとけよ俺!

って焦るじゃないですか。
でもChrome66は先月リリース済みで、WebRTC周りは問題なく動いているんですよ。
Auto Play Policy ChangesはWebRTCは免除されているってことでしょうか。
そういう記述がどうにも見つけられない。

Chromeのバグでたまたま動いている可能性もある。
曖昧なのは怖いので、きちんと対策しておいたほうがいいと思います。

 

ただ私の場合はWebRTC周りを内蔵WebViewで組んでるAndroidアプリを作っています。
これはWebが隠れていてUIが皆無なので、どうすればいいの。
そんなこともあろうかとGoogleも思ったのかWebViewに回避策が用意されています。

https://developer.android.com/reference/android/webkit/WebSettings
>void setMediaPlaybackRequiresUserGesture (boolean require)
>WebViewでメディアを再生するためにユーザージェスチャが必要かどうかを設定します。 デフォルトはtrueです。

これを設定して、audio autoplay タグを試すと見事再生しました。

 

WebViewでWebRTCやってる人はとりあえず「setMediaPlaybackRequiresUserGesture(false)」を入れておくと安全だと思います。

 

おわり。


【記事への感想募集中!】

記事への感想・ご意見がありましたら、ぜひフォームからご投稿ください!
  • こんな記事が読んでみたい、こんなことが知りたい、調べてほしい!という意見も募集中!
  • いただいた感想は今後の記事に活かしたいと思います!

感想フォームはこちら


【テクノデジタルではエンジニア/デザイナーを積極採用中です!】

下記項目に1つでも当てはまる方は是非、詳細ページへ!
  • 自分でアプリを作ってみたい
  • ITで世の中にワクワクを生み出したい
  • 使いやすさ、デザインにこだわったWebサイトを開発したい

採用情報の詳細はこちら


Qangaroo(カンガルー)

  • 徹底した見やすさと優れた操作性で、テストの「見える化」を実現。
  • テストの進捗が見える。開発がスマートに進む。
  • クラウド型テスト管理ツール『Qangaroo(カンガルー)』

【テクノデジタルのインフラサービス】

当社では、多数のサービスの開発実績を活かし、
アプリケーションのパフォーマンスを最大限に引き出すインフラ設計・構築を行います。
AWSなどへのクラウド移行、既存インフラの監視・運用保守も承りますので、ぜひご相談ください。
詳細は下記ページをご覧ください。

https://www.tcdigital.jp/infrastructure/

最近の記事