質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

0回答

593閲覧

cordova-plugin-camera-previewのカメラで撮った画像の解像度を上げたい

toshi_7710

総合スコア23

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

1クリップ

投稿2018/01/21 07:05

編集2018/01/22 00:32

Monaca(OnenUI+ React.js)でモバイルアプリを開発しています。
カメラ機能については、「cordova-plugin-camera-preview」というCorodovaプラグインを利用しているのですが、
このプラグインで撮った画像の解像度が低くく、画質が悪い画像になって困っています。

プラグインのオプションは以下の項目を認識しています。
qualityを100にしても、解像度が低い画像のままでした。
解像度を高くする方法をご存知の方がいましたら、ご教授お願い致します。

以下の設定値で実装しています。 CameraPreview.startCamera({ // プレビューボックスの左上を配置する縦座標 x: 0, // プレビューボックスの左上を配置する横座標 y: 100, // プレビューボックスの幅 width: window.screen.width, // プレビューボックスの高さ height: window.screen.width, // カメラの向き : バックカメラで起動する camera: window.CameraPreview.CAMERA_DIRECTION.BACK, // html 要素より裏側のレイヤーでバックグラウンド起動する場合は true toBack: false, // プレビューボックスをタップして写真を撮る tapPhoto: false, // プレビューボックスのタップした箇所にフォーカスを当てない (オートフォーカスに任せる) tapFocus: false, // プレビューボックスをドラッグ可能にする previewDrag: false, } CameraPreview.takePicture({ // 画質 quality: 100, // プレビューボックスの幅 width: window.screen.width, // プレビューボックスの高さ height: window.screen.width, }

●参考URL
http://neos21.hatenablog.com/entry/2017/10/29/080000
https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

coco_bauer

2018/01/21 08:41

preview boxの高さが200(pixel)だとすれば、プレビューの画像は数万画素レベルにしかなりません。お使いのプラグインはプレビューではなく、カメラが撮影した画像を取得できるようなものなのですか?
toshi_7710

2018/01/22 00:34 編集

カメラが撮影した画像を取得できるようなものです。 カメラが撮影した画像の解像度が低くて困っています。 preview boxの高さは、window.screen.widthを指定しています。 preview boxの高さが200(pixel)以内になっているので、解像度を上げるには、 preview boxの高さを上げれば、画像の解像度も高くなるということでしょうか?
toshi_7710

2018/01/22 00:33

質問内容を実装している内容に項目に更新しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問