HTTPを使用してjavascriptからipadのカメラにアクセスしQRコードを読み取りたいです

Question

実現したいこと

ipadのカメラからQRコードを読み取り、読み取った内容のリンクをDBに保存したいです。
そこで以下の条件でも可能でしょうか？
HTTPSを使用せずにHTTPでの通信
ipadのsafari、chromeどちらでも対応可能
JSを使用してカメラにアクセス

canvasを使用しQRコードからリンクを取得することはできそうですが、ipadのカメラへアクセスがHTTPでできるのか、もしできる場合対応方法を教えていただきたいです。

発生している問題・分からないこと

調査を行う段階でHTTPSでのカメラアクセス、QRコードの読み取りはライブラリの使用で可能であることは分かりましたが、現在社内環境で使用したくHTTPSを行うとipadのキッティングが大量に発生するので
HTTPで行いたいと考えております。

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

https://zenn.dev/sdkfz181tiger/articles/096dfb74d485db

上記の記事で紹介されているライブラリなどを見ましたがどれもHTTPSで行うことを前提にしております。
HTTPでのipadカメラへのアクセス記事はまだ見つけられておりません。

補足

特になし

Answer 1

むかし位置情報をスマホで取得したときにtls必須だったな～と思い、少し調べてみました。
結論としては、HTTPSのみの対応のようです。
https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getUserMedia

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

使用するライブラリがgetUserMediaを使用しているかは(あまりこの辺り詳しくないので)わかりませんが、多分使用していると思います。

調べていたらたまたまchromeの設定を変更すればhttpでもできるような記述をしているサイトもありましたが、ipadの設定をする必要がありますし、mozillaのほうが個人的には信用しているので、参考程度に
https://rrrrrrryo.hatenablog.com/entry/2022/08/21/230358
(リンク踏みたくない場合は"httpでgetUserMediaを使う　はてなブログ"で検索するとヒットすると思います)

現在社内環境で使用したくHTTPSを行うとipadのキッティングが大量に発生する

環境がわかっていないので、見当違いかもしれませんが、社内環境に独自でサーバーを立てるのであればLet's Encryptとか何かしらの証明書を使用すれば自己証明書を使わなくてもhttpsはできるのではないかなと思います。
古いipadでなければLet's Encryptは対応しているはずです。(どれくらい古いものがダメかはすぐわかりません...)

Comments

[tetsutetsutetsu]

ご回答ありがとうございます
私もLet's encryptは考えました。
社内での使用となるためプライベート認証局を利用することになると思いますが、クライアント端末にルート証明書をインストールする必要があると分かりました。
大量のiPadに行うのはとても時間がかかりますので、今回はHTTPSでのカメラアクセスは諦めることになりました。

お助けいただきありがとうございます