BETA

スマホでカメラにアクセスしたときの、widthとheightの挙動

投稿日:2018-11-01
最終更新:2018-11-01

Android8 Chrome(SH M05)のポートレートだと、
widthとheightの値が逆になる現象があったので、ちょっとメモ。

navigator.getMedia(MEDIA_SETTING, (stream) => {
    this.stream = stream.getVideoTracks()[0]

    this.videoWidth = this.stream.getSettings().width
    this.videoHeight = this.stream.getSettings().height
})

左上のvideo要素が、縦長にも関わらず、

getSetting()で取得したwidthheightが、逆です。
ランドスケープでも値を見てみても、全く同じ値でした。

iOS11 safariでは、ポートレート時、ランドスケープ時で切り替わってました。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@kYyInSm9EfIGV8bxの技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!