Revision history [back]

I have a mobile app that I am building in ionic which uses WebRTC to display the rear camera feed on a page. I want to do some very simple OpenCV analysis on the video feed.

It works on Chrome, Safari, and Android but does not work when the project is deployed on to an iOS device. I am using the simplest OpenCV change - changing the feed to grayscale.

On all other devices - camera feed converted to grayscale

iOS/iPhone - canvas is plain black.

I am in the progress of putting together an example project on GitHub to help people trying to help me. But if anyone can think of something in the meantime, please let me know

ionic - 5.0 openCV - 3.4

I have a mobile app that I am building in ionic which uses WebRTC to display the rear camera feed on a page. I want to do some very simple OpenCV analysis on the video feed.

It works on Chrome, Safari, and Android but does not work when the project is deployed on to an iOS device. I am using the simplest OpenCV change - changing the feed to grayscale.

On all other devices - camera feed converted to grayscale

iOS/iPhone - canvas is plain black.

I am in the progress process of putting together an example project on GitHub to help people trying to help me. But if anyone can think of something in the meantime, please let me know

ionic - 5.0 openCV - 3.4

I have a mobile app that I am building in ionic which uses WebRTC to display the rear camera feed on a page. I want to do some very simple OpenCV analysis on the video feed.

It works on Chrome, Safari, and Android but does not work when the project is deployed on to an iOS device. I am using the simplest OpenCV change - changing the feed to grayscale.

On all other devices - camera feed converted to grayscale

iOS/iPhone - canvas is plain black.

I am in the process of putting together an example project on GitHub to help people trying to help me. But if anyone can think of something in the meantime, please let me knowExample Project: https://github.com/brandudno/ionic-opencv-camera

Specific Files: https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.html https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.ts

ionic - 5.0 openCV - 3.4

I have a mobile app that I am building in ionic which uses WebRTC to display the rear camera feed on a page. I want to do some very simple OpenCV analysis on the video feed.

It works on Chrome, Safari, and Android but does not work when the project is deployed on to an iOS device. I am using the simplest OpenCV change - changing the feed to grayscale.

On all other devices - camera feed converted to grayscale

iOS/iPhone - canvas is plain black.

Example Project: https://github.com/brandudno/ionic-opencv-camera

Specific Files: https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.html https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.tsFiles:

HTML -> https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.html

JS ->https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.ts

ionic - 5.0 openCV - 3.4

I have a mobile app that I am building in ionic which uses WebRTC to display the rear camera feed on a page. I want to do some very simple OpenCV analysis on the video feed.

It works on Chrome, Safari, and Android but does not work when the project is deployed on to an iOS device. I am using the simplest OpenCV change - changing the feed to grayscale.

On all other devices - camera feed converted to grayscale

iOS/iPhone - canvas is plain black.

Example Project: https://github.com/brandudno/ionic-opencv-camera

Specific Files:

HTML -> https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.html

JS ->https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.ts

to run the project..

clone project, run npm install, ionic cordova add platform ios, ionic cordova run ios --device

ionic - 5.0 openCV - 3.4

I have a mobile app that I am building in ionic which uses WebRTC to display the rear camera feed on a page. I want to do some very simple OpenCV analysis on the video feed.

It works on Chrome, Safari, and Android but does not work when the project is deployed on to an iOS device. I am using the simplest OpenCV change - changing the feed to grayscale.

On all other devices - camera feed converted to grayscale

iOS/iPhone - canvas is plain black.

Example Project: https://github.com/brandudno/ionic-opencv-camera

Specific Files:

HTML -> https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.html

JS ->https://github.com/brandudno/ionic-opencv-camera/blob/master/src/app/pages/camera/camera.page.ts

to run the project..

clone project, run npm install, ionic cordova add platform ios, ionic cordova run ios --device

ionic - 5.0 openCV - 3.4