TIL: You Can Access A User's Camera with Just HTML

2022-09-08

https://austingil.com/html-capture-attribute/

<input> タグの capture 属性についての記事。
モバイルブラウザなら、カメラやマイクを使ってその場で画像、動画、音声ファイルを作ることができる。
デスクトップブラウザの場合は、指定がない場合と同じくファイル選択ダイアログが表示されて、ファイルを選択できる。

モバイルブラウザのみ対応している。
https://caniuse.com/html-media-capture

<!-- Image -->
<input type="file" capture="environment" accept="image/*">

<!-- Video -->
<input type="file" capture="environment" accept="video/*">

<!-- Audio -->
<input type="file" capture="environment" accept="audio/*">

試せるページも作ってみた。

https://mryhryki.com/experiment/html-capture-attribute.html

Links