Sterowanie kamerą Phonegap

Question

O ile wiem, Phonegap API ma kilka opcji do przechwytywania obrazu, ale wszystkie one "uruchamiają" kamerę telefonu, a następnie wracają do aplikacji ze ścieżką do przechwyconego obrazu.

Czy można wyświetlić strumień kamery w kontrolce na stronie w aplikacji, aby obraz został przechwycony "w aplikacji"? Na przykład. tak jak na Instagramie, użytkownik nie jest usuwany z aplikacji, aby przechwytywać obraz, tj. Wymagam, aby niestandardowa kamera była otwierana tylko w części mojej aktualnej strony aplikacji.

Jeśli jest to wykonane z wtyczką , czy istnieje istniejąca wtyczka innej firmy do niestandardowej kamery lub czy muszę napisać to osobiście?

naprawdę lubię całej idei PhoneGap, zwłaszcza z PhoneGap Budowanie (niesamowite), ale jeśli nie mogę dostać tego rodzaju funkcjonalności Zamierzam iść rodzimych :-(

Z góry dzięki !

Answer 1

potrzebowałem tego samego „na żywo widok z kamery” dla mojej rozszerzonej rzeczywistości (AR) aplikacji. PhoneGap nie rzeczywiście oferują na żywo widok z kamery jeszcze. Dlatego używam plugin Wikitude dla PhoneGap.

Chociaż Wikitude to AR SDK, jego podstawową funkcjonalnością jest dokładny podgląd obrazu z kamery na żywo

Jak to działa? Definiujesz "świat", który jest a basic HTML page. Po załadowaniu tłem tej strony będzie widok z kamery na żywo. Na tej stronie nadal możesz uruchomić kod JavaScript PhoneGap. Możesz nazwać ten "świat", kiedy tylko chcesz, z twojego kodu PhoneGap.

Od czego zacząć Możesz pobrać wtyczkę PhoneGap z https://github.com/Wikitude/wikitude-phonegap. Zawiera instrukcje konfiguracji i przykładowe projekty. Dostępna jest nieograniczona wersja próbna pakietu SDK Wikitude, również tego będziesz potrzebować.

Answer 2

Można zainstalować mbppower/CordovaCameraPreview wtyczki (Android, iOS) w Cordova/PhoneGap aplikację, która umożliwia interakcję kamery z kodu HTML. Naprawdę niesamowita wtyczka to ... Możesz uzyskać dostęp do funkcji, takich jak:

Uruchom podgląd kamery z kodu HTML. Przeciągnij okno podglądu. Ustaw efekt koloru kamery (Android i iOS), Wyślij okno podglądu do tyłu zawartości HTML, Ustaw niestandardową pozycję w oknie podglądu kamery, Ustaw niestandardowy rozmiar okna podglądu i Zachowaj interaktywność HTML. Możesz również narysować linie siatki na podglądzie kamery.

Albo można też użyć donaldp24/CanvasCamera plugin dla aplikacji, czy pasuje do requirements.Its obsługiwanych w obu platformach Android i iOS. Zauważyłem, dla iOS działa dobrze, ale w Androidzie nie działa.

Teraz możesz zainstalować wtyczkę CordovaCameraPreview w swoim projekcie za pomocą PhoneGap Build ..Więc bez użycia CLI można bezpośrednio używać go dodając w ten sposób:

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

w pliku config.xmli tworzyć ApplicationTemplate.apk/.ipa. Aby uzyskać więcej informacji na ten temat, możesz mnie zapytać. Chętnie pomoże.