Help us understand the problem. What is going on with this article?

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

マイクのみ使用するのに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が推奨らしい

https://qiita.com/Futo23/items/bff1ce1d2e1b219b243d

アクセス権限について

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

例: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を例にしたのはたまたま自分が使ってたから。 

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
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  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
ユーザーは見つかりませんでした