Управление камерой PhoneGap

Насколько я могу судить, API Phonegap имеет несколько вариантов захвата изображения, но все они «запускают» камеру телефона, а затем возвращаются в приложение с путем к захваченному изображению.

Можно ли отобразить поток камеры в элементе управления на странице в приложении, чтобы изображение было захвачено «внутри приложения»? Например. как и в Instagram, пользователь не выходит из приложения для захвата изображения, т. е. мне требуется, чтобы пользовательская камера открывалась только в части моей текущей страницы приложения.

Если это достигается с помощью плагина, существует ли сторонний плагин для пользовательской камеры или мне нужно написать его самому?

Мне ДЕЙСТВИТЕЛЬНО нравится вся идея Phonegap, особенно с Phonegap Build (потрясающе), но если я не могу получить такую ​​​​функциональность, мне придется перейти на родную :-(

Заранее спасибо!


person wallismark    schedule 05.05.2013    source источник
comment
возможный дубликат Отображение вида камеры внутри html в Android, а затем сделайте снимок   -  person givanse    schedule 29.06.2014


Ответы (2)


Мне нужно было такое же «живое изображение с камеры» для моего приложения дополненной реальности (AR). Phonegap действительно еще не предлагает просмотр камеры в реальном времени. Поэтому я использую плагин Wikitude для Phonegap.

Хотя Wikitude — это AR SDK, базовая функциональность, которую он предлагает, — это просмотр камеры в режиме реального времени.

Как это работает? Вы определяете «мир», которым является простая HTML-страница. После загрузки фоном этой веб-страницы будет ваша камера в режиме реального времени. На этой веб-странице вы по-прежнему можете запускать Javascript-код PhoneGap. Вы можете вызывать этот «мир», когда захотите, из своего кода PhoneGap.

С чего начать Вы можете получить подключаемый модуль PhoneGap по адресу https://github.com/Wikitude/wikitude-phonegap. Инструкции по установке и примеры проектов включены. Существует неограниченная пробная версия Wikitude SDK, она вам также понадобится.

person Caroline    schedule 06.05.2013
comment
Похоже, отличное предложение, спасибо, Кэролайн ... Я отмечу его как принятый ответ, как только у меня будет возможность сесть и посмотреть, сработает ли это для меня :-) - person wallismark; 07.05.2013

Вы можете установить плагин mbppower/CordovaCameraPreview (для Android, iOS) в Cordova. /phonegap, которое позволяет взаимодействовать с камерой из HTML-кода. Это действительно удивительный плагин. Вы можете получить доступ к таким функциям, как:

Запустите предварительный просмотр камеры из HTML-кода. Перетащите поле предварительного просмотра. Установите цветовой эффект камеры (Android и iOS), отправьте поле предварительного просмотра в конец содержимого HTML, установите пользовательское положение для окна предварительного просмотра камеры, установите пользовательский размер для поля предварительного просмотра и поддерживайте интерактивность HTML. Вы также можете рисовать линии сетки при предварительном просмотре камеры.

Или вы также можете использовать плагин donaldp24/CanvasCamera для своего приложения, если он подходит для ваши требования. Поддерживается как на платформах Android, так и на iOS. Я заметил, что для iOS он работает нормально, но в Android он не работает.

Теперь вы можете установить плагин CordovaCameraPreview в свой проект с помощью PhoneGap Build.. Так что без использования CLI, вы можете использовать его напрямую, добавив следующее:

<gap:plugin name="com.mbppower.camerapreview" version="0.0.8" source="plugins.cordova.io" />

в файле config.xml и создайте ApplicationTemplate.apk/.ipa. Для получения дополнительной информации об этом вы можете спросить меня. Рад помочь.

person Ekta Jayswal    schedule 16.07.2015
comment
donaldp24/CanvasCamera больше не поддерживается и в настоящее время не работает при сборке с последней версией Cordova. - person JOATMON; 30.05.2017