この2日間、navigator.mediaDevices.getDisplayMedia() と jsQR.js を使って、QRコードを認識する小さなツールを作りました。具体的な考え方は、navigator.mediaDevices.getDisplayMedia() というメソッドを使って、ブラウザのスクリーンシェア機能を呼び出して、ウェブページやソフトウェアの画面をキャプチャし、それを canvas に描画し、さらに jsQR.js を呼び出してページ内のQRコードを解析する効果を実現することです。スクリーンシェア機能には、全体の画面をキャプチャするオプションがあるため、理論上はどこにでもQRコードを認識できますが、解像度の制限により、小さなQRコードは検出できない場合があります。

ブラウザを除いて、すべてのデスクトップの現代ブラウザが navigator.mediaDevices.getDisplayMedia() をサポートしていますが、モバイル端末では現在、このメソッドをサポートするブラウザはありません。