라이브 카메라 미리보기에서 특정 픽셀의 색상 가져 오기-Ionic

nopassport1

http://tvbarthel.fr/CameraColorPicker/resources/Screenshot_2015-05-17-17-04-27_framed.pngIonic을 사용하여 이와 유사한 기능을 재현하려고합니다 .

스크린 샷은 현재보고있는 픽셀의 색상을 보여주는 외부 원과 함께 색상을 포착하는 라이브 카메라 미리보기의 내부 원을 보여줍니다.

오버레이로 작동하는 라이브 카메라 미리보기가 있지만 화면의 특정 지점에서 색상을 잡아야 할 곳을 모르겠습니다.

그런 식으로 사진을 찍고 색상을 잡을 수 있다는 것을 알고 있지만 그것이 제가 추구하던 기능이 아니라 실시간으로 결과를 볼 수있는 무언가를 찾고있었습니다.

Can this functionality be achieved? If so, how can I do this?

NullPointer

Can this functionality be achieved? If so, how can I do this?

I faced similar situation in my Application so thought it will be helpful.

I was creating a Cordova-Angular Hybrid app for real time image processing:

  1. Open the front camera and show the different objects in-front of camera.

  2. If object found in the dictionary then display the success message and stop previewing.

Here were the Steps:

  1. Created new Cordova plugin that start the camera in previewMode. For getting the current image of the preview you need to override the onPreviewFrame method.

  2. Get the buffer the image and convert it and Match it.

  3. Based on success/fail call the callBack Method.

Now I think in your case Step-1 will be same with some additional Steps.

  1. Create new Cordova plugin that will start the camera in previewMode. For getting the current image of the preview you need to override the onPreviewFrame method.

  2. Override the onTouchEvent method to calculate the point inside the ImageView and in same time calculate the pixel of the frame inside onPreviewFrame method.

  3. After getting the result just update the view with result.

Also I think the main part in this ionic app is still native.Cordova will just do the bridging.

References:

  1. http://topandroidphones1.blogspot.com/2012/04/get-color-on-specified-location-from.html

  2. OnPreviewFrame data image to imageView

  3. Get the touch position inside the imageview in android

  4. How to Get Pixel Color in Android

  5. PreviewCallback으로 카메라 미리보기 캡처

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

ember-cli에서 사용자 정의 라이브러리 가져 오기

Android의 백그라운드에서 픽셀 색상 가져 오기

카메라 라이브 미리보기가 카메라 스위치에서 멈춤

파이 게임에서 이미지의 개별 픽셀 색상 가져 오기

SharePoint 문서 라이브러리의 특정 폴더에서 항상 가져 오는 REST APi

Ionic cordova-plugin-qrscanner에는 카메라 미리보기가 없습니다.

라이브 카메라 미리보기에 사용자 정의 카메라 필터 적용-Swift

ARKit에서 카메라의 상향 벡터 가져 오기

라인 검색, 특정 데이터 가져 오기

화면의 지정된 좌표에서 픽셀 색상 가져 오기

OpenCV 카메라 미리보기 색상이 꺼져 있습니까?

ionic 3에서 jQuery 종속 라이브러리 가져 오기

이미지에서 특정 색상의 픽셀 수를 가져옵니다. Python, opencv

Android의 카메라 인 텐트에서 이미지 가져 오기

Javascript에서 브라우저의 최대 픽셀 너비 가져 오기

Python PIL로 특정 색상의 픽셀 x, y 값 가져 오기

카메라 인 텐트에서 픽셀 색상 가져 오기

Ionic 카메라 미리보기가 표시되지 않음

Jenkinsfile의 변수를 통해 특정 분기에서 라이브러리 가져 오기

Angular Ionic 가져 오기 네이티브 카메라

특정 디렉토리 구조로 KDE의 카메라에서 이미지 가져 오기

이미지의 첫 번째 픽셀 색상 가져 오기 (JS / jQuery)

HBITMAP에서 특정 픽셀의 RGB 값 가져 오기

카메라의 이미지 스트림 가져 오기

창에서 지정된 픽셀의 색상 가져 오기

카메라 미리보기에서 이미지가 왜곡됨

특정 드라이브의 GUID 가져 오기

Inno Setup Pascal Script에서 MediaInfo 라이브러리를 사용하여 이미지 파일 정보 가져 오기

라이브러리 모듈에서 특정 플레이버 가져오기

TOP 리스트

  1. 1

    셀레늄의 모델 대화 상자에서 텍스트를 추출하는 방법은 무엇입니까?

  2. 2

    Blazor 0.9.0 및 ASP.NET Core 3 미리보기 4를 사용한 JWT 인증

  3. 3

    openCV python을 사용하여 텍스트 문서에서 워터 마크를 제거하는 방법은 무엇입니까?

  4. 4

    C # 16 진수 값 0x12는 잘못된 문자입니다.

  5. 5

    Excel : 합계가 N보다 크거나 같은 상위 값 찾기

  6. 6

    오류 : MSB4803 : MSBuild의 .NET Core 버전에서 "ResolveComReference"작업이 지원되지 않습니다.

  7. 7

    R에서 Excel로 내보낼 때 CET / CEST 시간 이동이 삭제됨

  8. 8

    node.js + postgres : "$ 1"또는 그 근처에서 구문 오류

  9. 9

    확대 후 하이 차트에서 Y 축이 잘못 정렬 됨

  10. 10

    EPPlus에서 행 높이를 설정할 때 이상한 동작

  11. 11

    Ionic 2 로더가 적시에 표시되지 않음

  12. 12

    MS Access 부분 일치 2 테이블

  13. 13

    EPPlus에서 병합 된 셀의 행 높이 자동 맞춤

  14. 14

    ExecuteNonQuery- 연결 속성이 초기화되지 않았습니다.

  15. 15

    ResponseEntity를 사용하고 InputStream이 닫히는 지 확인하는 적절한 스트리밍 방법

  16. 16

    PrematureCloseException : 연결이 너무 일찍 닫혔습니다.

  17. 17

    오류 : "const wchar_t *"유형의 인수가 "WCHAR *"유형의 매개 변수와 호환되지 않습니다.

  18. 18

    Java에서 이미지를 2 색으로 변환

  19. 19

    overflow-y를 사용할 때 스크롤 버벅 거림 줄이기 : scroll;

  20. 20

    Java에서 Apache POI를 사용하여 테이블 크기 및 간격을 단어로 설정하는 방법

  21. 21

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

뜨겁다태그

보관