HTMLだけでスマホのカメラにアクセスできるの知ってた？ 前面・背面カメラにアクセスできるHTMLのcapture属性

HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。 私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセスできました。JavaScriptなどは必要なく、簡単なHTMLでできます。 You Can Access A User’s Camera with Just HTML by Austin Gil (@heyAustinGil) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのcapture属性とは capture属性のサポート状況 終わりに はじめに 私は先日、今までに見たことがないHTMLの属性、captureに出会いました。capture属性は非常にクールなので、動画と記事を書くことにし

[coliss]

HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性。

[euclidean]

偽警告サイトに使われそう。エロサイト閲覧中に前面カメラ起動させて「あなたを撮影しました公開されたくなければ…」的な。実際はセキュリティ上問題なくても騙される人もいそう

[guru_guru]

iPhoneのはてブアプリで開いたら落ちたよ

[kz78]

ユーザーがシャッターボタンを押さなきゃ何も送信されないから、悪いことするなら誤タップを誘発するような何かが必要かなぁ

[spark7]

知ってたけどenvironmentとかは知らんかった

[yoiIT]

アプリが落ちたりして挙動がヤバいけどカメラ開いた。面白い。

[kamezo]

おもしろいけど大丈夫なのかな？／iOS15.7のiPhone7の場合、Safariだと記事に書かれている通りの動作だが、はてブアプリだとenvironmentではブラウザがクラッシュし、userだとカメラへのアクセス許可を求められた。

[civicpg]

上を向いてください。左を向いてください。とか画面の指示に従うやつ難しいよね。

[asuka0801]

当然だけどpermission許可してないと開かないしアプリが落ちる事もあるよ。

[mayumayu_nimolove]

なんでコリスさんが知らないんだ？

[zgmf-x20a]

知らなかった。

[localnavi]

AndroidのChromeだと、どちらも背面のカメラが起動する。environmentは動画、userは写真。ていうか、accept属性の指定しか意味ないのでは？

[everybodyelse]

ホントだ。environment のほうははてブアプリが落ちるなw

[uunfo]

webKYCで散々やってるから今さら

[ultimatebreak]

はてブアプリ内のブラウザからやったら落ちてなんか笑ってしまった

[shckor]

写真蓄積システム作れるな

[PikaCycling]

JSで書いた方が機能面でいろいろと捗るんだけどHTMLのほうが優れているのはどこなんだろう。

[Ho-oTo]

セキュリティ上問題無いのは確かにそうなんだろうけど（スマホのブラウザから何かアップロードする時に「カメラを起動」を選べるのと同じ？）、ブラウジングしていて誤タップしていきなりカメラ起動したらビビるな

[call_me_nots]

HTML 進化し続けてんな…

[Shinwiki]

させませんけどね

[gachapining]

はてなブログのiOSアプリで、environmentの場合のボタンを選択したらクラッシュした。Safariで直接表示した場合は問題なさそう。

[takyam1213]

Androidが機種によって選ばれるカメラがアレでソレなことが多いイメージではある