rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

ChromeではgetUserMediaがHTTPS経由でないと動かなくなっていた

      Web, Webサービス ,

  • このエントリーをはてなブックマークに追加
  • Pocket

Web ブラウザ上でどこかの誰かと動画チャットできる「PERARI」という Web サービスを以前作ったことがあります。

ところがこのサイト、先日久しぶりに開いたら全然動作しなくなってました。

JavaScriptエラー

JavaScript 周りでエラーが起きてたのでちょっと調べたところ、どうも Chrome 47 以降では WebRTC で使用する getUserMedia が HTTPS(もしくは localhost) でないと使えないように仕様が変わっていたことが原因のよう。

結構前の話じゃないですか、ちゃんと情報追ってないとこうなっちゃうわけですね・・・。

Starting with Chrome 47, getUserMedia() requests are only allowed from secure origins: HTTPS or localhost.

via:Chrome 47 WebRTC: media recording, secure origins & proxy handling | Web Updates – Google Developers

というわけで、PERARI も HTTPS 対応できるようちょろちょろとコードを修正。SSL 証明書には例のごとく Let’s Encrypt を使わせてもらいました。ありがたいサービスです。

SEO 対策上の HTTPS 優遇という話題はかなり浸透してきましたが、他にも最近耳にした話だとチャットボット系サービスの開発に HTTPS が必要だったり、iOS アプリからの Web アクセスも今後 HTTPS 必須になるとかだったり、世の中がどんどん常時 SSL 化への方向へ進んでいるなあと改めて感じたり。

今どき「お客様、お問い合わせフォームだけは必ず HTTPS にしておきましょうね!」といった一昔前の会話をしていると陰で笑われかねませんので、気を付けないといけませんね(笑)

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

アクセス解析
当ブログの月間アクセス数が気付いたら1万PVを超えてたので公開してみます!

このブログを開設してからはや3年半ほど経過していたようですが、長い年月をかけてよ …

Lets Encrypt
Let’s EncryptでSSL証明書インストールと自動更新を設定してみた

ちょっとした SSL 対応のサイトを用意したい事案が発生したので、今まで気になっ …

Tシャツ
オリジナルTシャツが簡単に作れるtmixでTシャツを注文してみました

日に日に寒さも増し、なんだか年末の空気が漂う季節になってきましたね。。 さてそん …

アクセス解析
2014年8月のアクセス数レポートです

毎月報告しております当ブログのアクセス数レポート、今回は2014年8月分となりま …

イベント
イベントや勉強会に使えるTwitter関連Webサービスを調べてみました

7/25開催の WordPressもくもく勉強会@群馬 ですが、だいぶ参加登録し …

Analytics
若干アクセス数が回復して一安心…。2014年10月のアクセス数レポートです。

ついこないだ記事書いたばかりの気がしますがもう一ヶ月経ったんですね。。2014年 …

Analytics
年末特需で3万後半PVへ!2014年12月のアクセス数レポートです。

毎月恒例の当ブログのアクセスレポートです。年は明けましたが、今回は昨年末の201 …

回転木馬
Twitter BootstrapのCarouselがIEで動かないときの対応策

Twitter BootstrapのCarouselをIE9で見ると、アニメーシ …

ブログ
ブログのヘッダー画像をイラストレーターのドイコマコさんに描いてもらいました!

もしかしたら気付いていた方もいたでしょうか? 先日からこのブログのヘッダー部分を …

クリスマスツリー
2015年よかった探しリース

結城浩さんの「よかった探しリース」に2年ぶりに参加してみたいと思います。 ちなみ …