Phonegap Camera Control

Question

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

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

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

мне очень нравится вся идея PhoneGap, особенно с PhoneGap Build (удивительном), но если я не могу получить такую ​​функциональность, я буду иметь идти родную :-(

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

Answer 1

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

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

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

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

Answer 2

Вы можете установить mbppower/CordovaCameraPreview плагин (для андроид, ИОС) в вашем Кордова/PhoneGap приложение, которое позволяет взаимодействие камеры из HTML кода. Действительно потрясающий плагин. Вы можете получить доступ к функциям, таким как:

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

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

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

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

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