Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@kob58im

JavaScriptでgetUserMediaでマイク・カメラ(ビデオ)を使うときの注意点とデバイスへのアクセス権限について

More than 1 year has passed since last update.

マイクのみ使用するのにaudioのみの指定では動かないブラウザがある

とあるサンプルがEdgeで動作したがChromeで動作しなかったので調べてみた。

Chromeはaudioだけでなくvideoも指定しないと音声入力が取得ができない。
https://www.html5rocks.com/ja/tutorials/getusermedia/intro/ より引用:

注: Chrome にはバグがあり、「audio」のみを渡しても無効です(crbug.com/112367)。Opera でも を動作させることはできませんでした。

自分でも確認しましたが、
 Chromeのバージョン: 79.0.3945.130(Official Build) (64 ビット)
で再現しました。audio指定のみでは動作せず、videoaudioと一緒に指定すると動作する。

navigator.mediaDevices.getUserMediaが推奨らしい

navigator.getUserMediaではなくnavigator.mediaDevices.getUserMediaが推奨らしい

アクセス権限について

ブラウザが管理しているようである。
サイト(ドメイン)単位で管理されるっぽい?
意識していないと結構危険かもしれない。

例:CodePenのある1作品で許可してたら、ほかの作品からアタックされる恐れがある。
(マイクやカメラを許可済みにすると、許可したときのページのみではなく、ドメイン上の任意のページからのアクセスを許可したことになってしまうので、知らない間にCodePenの作品を埋め込んだページを含んで情報が吸い上げられることも考えられる。)1

アクセス権を削除するには - Microsoft Edge

image.png

image.png

image.png
アクセス権を設定したドメインの名前が一覧表示されるので、変更したいものを選んで処置してください。

アクセス権を削除するには - Chrome (PC版)

image.png

image.png

image.png

image.png
あとはお好みで。


  1. CodePenが悪いわけではなく、レンタルサーバ上のブログなどでも同様。CodePenを例にしたのはたまたま自分が使ってたから。 

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
kob58im
趣味でC#で色々試してます。 置いてるほとんどのC#サンプルコードは、Windows7以降デフォで入ってる環境でコンパイルできます。 最近はCodePen使ってJavaScriptも書いてます。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?