私のウェブカメラで撮影された写真はプレビューと同じではありません

Question

私のウェブカメラ内でカメラを使用すると問題が発生します。問題は、プレビューされた写真が実際に撮影された写真と同じではないことです。ここで

は、問題を示す画像は、（左の画像はプレビュー一つであり、正しいものは、実際に撮影した写真である）である： そしてhereは私のコードでjsFiddleです。

私はこの問題がどこから来るのか分かりません。おそらくこの行context.drawImage(video, 0, 0, 640, 480);？

また、私は（ちなみに私たちは手の下や手に言うのですか？）問題は、私が手の下にいた数台のコンピュータ、携帯電話やタブレットで同じであることを追加したい

それが最初です私はちょっと失われているので、私のアプリの中でウェブカメラを使用している時間は、どんな助けも大いに感謝されるでしょう:)

おかげさまで、素晴らしい一日を！

Answer 1

最後に、同僚と私はそれを動作させるために、同じディメンションに一致するように2つのdivのサイズを変更する必要がありました。