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

  関連記事

思い出の記事
当ブログから2014年思い出の記事ベスト10を選んでみました

この記事を見てこれいいな〜と思ったので、似たようなことをやってみたいと思います。 …

Gmail
GmailにAmazonの「注文を表示」「荷物を追跡」ボタンが付いてたなんて全然気付かなかったけどとても便利

ある日、ふと気付いたら Gmail のメール一覧上に「注文を表示」「荷物を追跡」 …

no image
TwitBGユーザページのレスポンスを改善しました。

TwitBGを更新しました。 Twitter backgroud image g …

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

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

WordPressもくもく勉強会@群馬
ATNDにグループ機能が追加されたので「WordPressもくもく勉強会@群馬」グループを作ってみました

先日、ATND にグループ機能が追加になったようですね。 【新機能追加のお知らせ …

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

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

ブログ
はてブ100ブックマーク超えの記事を書く時に気を付けたこと

先日当ブログで書いたある記事が、ありがたいことに初めて100以上のはてなブックマ …

SUPOCON
「SUPOCON(スポコン)」というスポーツ系動画メディアサイトを公開してみました

「SUPOCON(スポコン)」という、スポーツ動画を集めたサイトを公開してみたの …

PERARI
WebRTCで動画チャットできる「PERARI」というWebサービスを作りました

※この投稿は「WebRTC Advent Calendar 2014」の3日目の …

だるまどり
当ブログの昨年ふりかえり&今年の目標です

もう一月も後半に差し掛かる中ですが、ようやくこのブログの今年初エントリとなりまし …