Instascanを用いて、cordovaでQRスキャンのハイブリッドアプリを制作しております。
その際、スキャンを行うカメラのプレビューに鏡像反転されたものが表示されてしまうのですが
これを反転されていない画像に修正する方法をご存じないでしょうか？
当初はスマホのバックカメラを使用して、プレビューの反転したものが表示される仕組みとなっておりました。
これでは問題があるとなり、参考サイトを元にscaleXを変更する形でjsファイルに変更を行いました。
すると今度は、表示は希望通りに反転のないものが表示されたのですが
スマホのフロントカメラで取得した画像が表示されるようになってしまいました。
よい解決方法をご存知の方がいらっしゃれば、ご協力をお願いいたします。
Instascan.Camera.getCameras()
.then(function (cameras) {
if (cameras.length > 0) {
//カメラのデバイス情報を指定して読み取りを開始する
scanner.start( cameras[1] );
}
else {
console.error('カメラが見つかりません！');
}
})
・参考サイト
PCカメラが「QRコードリーダー」に大変身！JavaScriptで簡単に開発できる「Instascan」を使ってみた！
→https://paiza.hatenablog.com/entry/2017/08/17/PC%E3%82%AB%E3%83%A1%E3%83%A9%E3%81%8C%E3%80%8CQR%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC%E3%80%8D%E3%81%AB%E5%A4%A7%E5%A4%89%E8%BA%AB%EF%BC%81JavaScript%E3%81%A7%E7%B0%A1%E5%8D%98
カメラを使ってみよう ーWebRTC入門2016
→https://html5experts.jp/mganeko/19728/