質問: モバイル向けWebサイトを作成しようとしています。 モバイルデバイスは主にiPhone,Androidを対象と考えています。 モバイルサイト上でプリクラのようなサービスを実現したいと思っています。 操作手順と機能は以下のようなイメージです。 1.サイトの撮影開始ボタンをクリック(操作) ↓ 2.カメラ画像と背景イラストを合成したイメージをサイトに表示 (標準カメラが起動すると、プリクラのようにカメラ画像とイラストを合成表示して撮影できないので、 サイト上にそのまま表示したいです。) ↓ 3.撮影ボタンをクリック(操作) ↓ 4.撮影したカメラ画像と背景イラストが合成された状態の写真をサイトに表示 ↓ 5.可能であれば、そのままFacebookなどでシェア getUserMedia/Stream APIはサポートされているブラウザが絞られてしまうので、別の方法で実現したいです。 但し、HTML Media Captureだと、デバイス標準カメラが起動するので、プリクラ風にカメラ画像と背景を 合成しながら、撮影するのができないです。 (少なくともsafariやは対応していてほしい)
回答: JavaScriptライブラリを利用して、自己解決済みです。