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

  関連記事

tweetwally
tweetwallyの画面を1カラムレイアウトで表示する簡単な方法

この頃毎月開いている「WordPressもくもく勉強会@群馬」という会で、twe …

Facebook
Facebookで自分のなりすまりアカウントが出たっぽいのでスパム報告をしておきました

Facebookでスパムアカウントによるなりすまり友達申請が目立ってきていますが …

アクセス解析
先月の結果は?2015年4月のAnalyticsアクセス数レポートです。

毎月公開しております当ブログのアクセス解析レポート、2015年4月分を紹介します …

地図
Google Chart Toolsで都道府県制覇マップを作ったら面白かった件

みなさんは今まで日本全国いくつの都道府県を訪れたことがありますか? 日本地図の中 …

こまお
初心者向けにちょうどよい弱さのコンピュータ将棋「こまお」

※この記事は「将棋 Advent Calendar 2016 – A …

アクセス解析
旬ネタをとらえて3万PVに復帰。2014年11月のアクセス数レポートです!

いよいよ今年も12月ですね。毎月公開している当ブログ前月のアクセス数のレポートで …

フォント
みんなで作るフォントサービス「FONTA」で文字を作ってみました

カヤックが先日リリースした「FONTA」というサービスが話題だったので、自分も一 …

ゲッティイメージズ
ゲッティ イメージズ3500万枚の写真がブログに埋め込んで無料利用可能に!

写真、動画などデジタルコンテンツを提供する大手サイト・ゲッティ イメージズから「 …

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

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

FacebookとTwitter連携
FacebookページとTwitterの連携は非公開時も行われるようなので注意

Facebookの投稿をTwitterに連携する機能はとても便利ですよね。自分も …