cameraview | Easily integrate Camera features into your Android app | Camera library

by google Java Version: Current License: Apache-2.0

Download this library from

kandi X-RAY | cameraview Summary

cameraview is a Java library typically used in Telecommunications, Media, Media, Entertainment, Video, Camera applications. cameraview has no bugs, it has no vulnerabilities, it has build file available, it has a Permissive License and it has medium support. You can download it from GitHub.

This is not an official Google product. CameraView aims to help Android developers easily integrate Camera features. Requires API Level 9. The library uses Camera 1 API on API Level 9-20 and Camera2 on 21 and above.

Support

Quality

Security

License

Reuse

kandi-support Support

cameraview has a medium active ecosystem.
It has 4732 star(s) with 1049 fork(s). There are 157 watchers for this library.
It had no major release in the last 12 months.
There are 149 open issues and 55 have been closed. On average issues are closed in 192 days. There are 32 open pull requests and 0 closed requests.
It has a neutral sentiment in the developer community.
The latest version of cameraview is current.

cameraview Support

Best in #Camera

Average in #Camera

cameraview Support

Best in #Camera

Average in #Camera

quality kandi Quality

cameraview has 0 bugs and 0 code smells.

cameraview Quality

Best in #Camera

Average in #Camera

cameraview Quality

Best in #Camera

Average in #Camera

security Security

cameraview has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
cameraview code analysis shows 0 unresolved vulnerabilities.
There are 0 security hotspots that need review.

cameraview Security

Best in #Camera

Average in #Camera

cameraview Security

Best in #Camera

Average in #Camera

license License

cameraview is licensed under the Apache-2.0 License. This license is Permissive.
Permissive licenses have the least restrictions, and you can use them in most projects.

cameraview License

Best in #Camera

Average in #Camera

cameraview License

Best in #Camera

Average in #Camera

build Reuse

cameraview releases are not available. You will need to build from source code and install.
Build file is available. You can build the component from source.
Installation instructions are not available. Examples and code snippets are available.
cameraview saves you 1382 person hours of effort in developing the same functionality from scratch.
It has 3094 lines of code, 262 functions and 47 files.
It has medium code complexity. Code complexity directly impacts maintainability of the code.

cameraview Reuse

Best in #Camera

Average in #Camera

cameraview Reuse

Best in #Camera

Average in #Camera

Top functions reviewed by kandi - BETA

kandi has reviewed cameraview and discovered the below as its top functions. This is intended to give you an instant insight into cameraview implemented functionality, and help decide if they suit your requirements.

Perform a measure .
Capture any still photo .
Configures the transform for the view .
Handle options select item .
Choose the best size for the specified sizes .
Factory method to create a dialog dialog .
Creates an aspect ratio .
Adds a new size to the set if it does not match the provided size .
Enables orientation changes .
Set the width and height

cameraview Key Features

Camera preview by placing it in a layout XML (and calling the start method)

Configuration by attributes Aspect ratio (app:aspectRatio) Auto-focus (app:autoFocus) Flash (app:flash)

cameraview Examples and Code Snippets

See all related Code Snippets

Usage

Copy

Download

&lt;com.google.android.cameraview.CameraView
    android:id="@+id/camera"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:keepScreenOn="true"
    android:adjustViewBounds="true"
    app:autoFocus="true"
    app:aspectRatio="4:3"
    app:facing="back"
    app:flash="auto"/&gt;

How to handle a device rotation for AVCaptureVideoPreviewLayer?

Copy

Download

struct CameraPreview: UIViewRepresentable {
    @ObservedObject var camera: CameraModel
    
    class LayerView: UIView {
        override func layoutSubviews() {
            super.layoutSubviews()
            // To disable default animation of layer. You can comment out those lines with `CATransaction` if you want to include
            CATransaction.begin() 
            CATransaction.setDisableActions(true)
            layer.sublayers?.forEach({ layer in
                layer.frame = frame
            })
            CATransaction.commit()
        }
    }
    
    func makeUIView(context: Context) -> some UIView {
        let view = LayerView()
        camera.preview = AVCaptureVideoPreviewLayer(session: camera.session)
        camera.preview.frame = view.frame
        camera.preview.videoGravity = AVLayerVideoGravity.resizeAspectFill
        view.layer.addSublayer(camera.preview)
        camera.session.startRunning()
        return view
    }
    
    func updateUIView(_ uiView: UIViewType, context: Context) {
    }
}

-----------------------

struct CameraView: View {
    @StateObject var model = CameraModel()
    var body: some View {
        CameraPreview(camera: model)
            .safeAreaInset(edge: .bottom, alignment: .center, spacing: 0) {
                Color.clear
                    .frame(height: 0)
                    .background(Material.bar)
            }
            .ignoresSafeArea(.all, edges: [.top, .horizontal])
            .onAppear() {
                model.check()
            }
    }
}

struct CameraPreview: UIViewRepresentable {
    @ObservedObject var camera: CameraModel
    
    class LayerView: UIView {
        var parent: CameraPreview! = nil
        
        override func layoutSubviews() {
            super.layoutSubviews()
            // To disable default animation of layer. You can comment out those lines with `CATransaction` if you want to include
            CATransaction.begin()
            CATransaction.setDisableActions(true)
            layer.sublayers?.forEach({ layer in
                layer.frame = UIScreen.main.bounds
            })
            self.parent.camera.rotate(orientation: UIDevice.current.orientation)
            CATransaction.commit()
        }
    }
    
    func makeUIView(context: Context) -> some UIView {
        let view = LayerView()
        view.parent = self
        camera.preview = AVCaptureVideoPreviewLayer(session: camera.session)
        camera.preview.videoGravity = AVLayerVideoGravity.resizeAspectFill
        camera.preview.frame = view.frame
        view.layer.addSublayer(camera.preview)
        camera.start()
        return view
    }
    
    func updateUIView(_ uiView: UIViewType, context: Context) {
    }
}

struct CameraView_Previews: PreviewProvider {
    static var previews: some View {
        CameraView()
    }
}

class CameraModel: ObservableObject {
    @Published var session = AVCaptureSession()
    @Published var alert = false
    @Published var preview: AVCaptureVideoPreviewLayer!
    
    func check() {
        switch AVCaptureDevice.authorizationStatus(for: .video) {
        case .authorized:
            setUp()
            break
        case .notDetermined:
            AVCaptureDevice.requestAccess(for: .video) { (status) in
                if status {
                    self.setUp()
                }
            }
            break
        case .denied:
            self.alert.toggle()
            break
        default:
            break
        }
    }
    
    func setUp() {
        do {
            self.session.beginConfiguration()
            let device = AVCaptureDevice.default(.builtInDualCamera, for: .video, position: .back)
            let input = try AVCaptureDeviceInput(device: device!)
            
            if self.session.canAddInput(input) {
                self.session.addInput(input)
            }
            
            self.session.commitConfiguration()
        }
        catch {
            print(error.localizedDescription)
        }
    }
    
    func start() {
        self.session.startRunning()
    }
    
    func rotate(orientation: UIDeviceOrientation) {
        let videoConnection = self.preview.connection
        switch orientation {
        case .portraitUpsideDown:
            videoConnection?.videoOrientation = .portraitUpsideDown
        case .landscapeLeft:
            videoConnection?.videoOrientation = .landscapeRight
        case .landscapeRight:
            videoConnection?.videoOrientation = .landscapeLeft
        case .faceDown:
            videoConnection?.videoOrientation = .portraitUpsideDown
        default:
            videoConnection?.videoOrientation = .portrait
        }
    }
}

Swiftui nested navigation issue while using navigation link

Copy

Download

struct ChildView: View {
    
    @Environment(\.presentationMode) var presentationMode

    @Binding var show: Bool
    
    var body: some View {
        Button("Assume capture success"){
            show = false
            presentationMode.wrappedValue.dismiss()
        }
    }
}

Error: Required named parameter 'path' must be provided

Copy

Download

CameraViewPage({Key? key, required this.path}) : super(key: key);

Navigator.push(context, MaterialPageRoute(builder: (builder)=> CameraViewPage(path: path)));

await _cameraController.takePicture(path: path);

-----------------------

CameraViewPage({Key? key, required this.path}) : super(key: key);

Navigator.push(context, MaterialPageRoute(builder: (builder)=> CameraViewPage(path: path)));

await _cameraController.takePicture(path: path);

-----------------------

CameraViewPage({Key? key, required this.path}) : super(key: key);

Navigator.push(context, MaterialPageRoute(builder: (builder)=> CameraViewPage(path: path)));

await _cameraController.takePicture(path: path);

-----------------------

  void takePhoto(BuildContext context) async {
       final path = join((await getTemporaryDirectory()).path,"${DateTime.now()}.png");
       await _cameraController.takePicture(path);
       Navigator.push(context, MaterialPageRoute(builder: (builder)=> CameraViewPage(path:path)));
      }

Swift UITapGestureRecognizer not calling

Copy

Download

let focusGesture = UITapGestureRecognizer(target: context.coordinator, action: #selector(context.coordinator.tapFocus(_:)))

Swiftui IGStoryKit Vertical Image flips Horizontal when sharing to Instagram Story from my app

Copy

Download

var fixOrientation: UIImage? {
        guard self.imageOrientation != .up else { return self }
        UIGraphicsBeginImageContextWithOptions(self.size, false, self.scale)
        let rect = CGRect(x: 0,
                          y: 0,
                          width: self.size.width,
                          height: self.size.height)
        self.draw(in: rect)
        guard let normalizedImage: UIImage = UIGraphicsGetImageFromCurrentImageContext() else { return nil }
        UIGraphicsEndImageContext()
        return normalizedImage
}

let image = UIImage(data: self.picData)!
guard let fixedOrientationImage = image.fixOrientation else { return }

// Now pass this `fixedOrientationImage` to IGDispatcher

-----------------------

var fixOrientation: UIImage? {
        guard self.imageOrientation != .up else { return self }
        UIGraphicsBeginImageContextWithOptions(self.size, false, self.scale)
        let rect = CGRect(x: 0,
                          y: 0,
                          width: self.size.width,
                          height: self.size.height)
        self.draw(in: rect)
        guard let normalizedImage: UIImage = UIGraphicsGetImageFromCurrentImageContext() else { return nil }
        UIGraphicsEndImageContext()
        return normalizedImage
}

let image = UIImage(data: self.picData)!
guard let fixedOrientationImage = image.fixOrientation else { return }

// Now pass this `fixedOrientationImage` to IGDispatcher

@Published UIImage property not updating in SwiftUI

Copy

Download

@ObservedObject var cameraViewModel

@StateObject var cameraViewModel

-----------------------

@ObservedObject var cameraViewModel

@StateObject var cameraViewModel

javascript- getUserMedia on Safari

Copy

Download

 navigator.mediaDevices
    .getUserMedia(constraints)
    .then(function (stream) {
        cameraView.srcObject = stream
        cameraView.onloadedmetadata = function(e) {
            cameraView.play()
        }
      })
    .catch(function (error) {
        alert(error)
    })

-----------------------

            <video id="camera--view" muted autoplay playsinline></video>

metadataOutputRectConverted(fromLayerRect:) in Android

Copy

Download

private fun cropImage(bitmap: Bitmap, cameraFrame: View, cropRectFrame: View): Bitmap {
    val scaleFactor: Double; val widthOffset: Double; val heightOffset: Double

    if (cameraFrame.height * bitmap.width > cameraFrame.height * bitmap.width) {
        scaleFactor = (bitmap.width).toDouble() / (cameraFrame.width).toDouble()
        widthOffset = 0.0
        heightOffset = (bitmap.height - cameraFrame.height * scaleFactor) / 2
    } else {
        scaleFactor = (bitmap.height).toDouble() / (cameraFrame.height).toDouble()
        widthOffset = (bitmap.width - cameraFrame.width * scaleFactor) / 2
        heightOffset = 0.0
    }

    val newX = cropRectFrame.left * scaleFactor + widthOffset
    val newY = cropRectFrame.top * scaleFactor + heightOffset
    val width = cropRectFrame.width * scaleFactor
    val height = cropRectFrame.height * scaleFactor

    return Bitmap.createBitmap(bitmap, (newX).toInt(), (newY).toInt(), (width).toInt(), (height).toInt())

}

SwiftUI- server not receiving base64 string

Copy

Download

func takePic(){
    DispatchQueue.global(qos: .background).async {
        self.output.capturePhoto(with: AVCapturePhotoSettings(), delegate: self)
        DispatchQueue.main.async {
            Timer.scheduledTimer(withTimeInterval: 0.1, repeats: false) { (timer) in
                self.session.stopRunning()
            }
        }
        
        DispatchQueue.main.async {
            withAnimation{self.isTaken.toggle()}
        }
        print("pic taken...")
    }
}

-----------------------

func takePic(){
    DispatchQueue.global(qos: .background).async {
        self.output.capturePhoto(with: AVCapturePhotoSettings(), delegate: self)
        self.session.stopRunning()
        
        //DispatchQueue.main.async {
        //    withAnimation{self.isTaken.toggle()}  // << IT ISNT TAKEN YET
        //}
        //print("pic taken...")  // << AGAIN IT ISNT TAKEN YET
    }
}

func photoOutput(_ output: AVCapturePhotoOutput, didFinishProcessingPhoto photo: AVCapturePhoto, error: Error?) {

    // NOW ITS TAKEN BUT MAY HAVE ERRORS

    if error != nil{
        return  // MAYBE THIS NEED SOME BETTER FEEDBACK FOR THE USER
    }
    
    guard let imageData = photo.fileDataRepresentation() else{return}  // USER FEEDBACK??

    self.picData = imageData

    // NOW ITS TAKEN


    // I'm assuming this is running on the main thread.
    withAnimation{self.isTaken.toggle()} // SO TOGGLE isTaken
}

-----------------------

func takePic(){
    DispatchQueue.global(qos: .background).async {
        self.output.capturePhoto(with: AVCapturePhotoSettings(), delegate: self)
        self.session.stopRunning()
        
        //DispatchQueue.main.async {
        //    withAnimation{self.isTaken.toggle()}  // << IT ISNT TAKEN YET
        //}
        //print("pic taken...")  // << AGAIN IT ISNT TAKEN YET
    }
}

func photoOutput(_ output: AVCapturePhotoOutput, didFinishProcessingPhoto photo: AVCapturePhoto, error: Error?) {

    // NOW ITS TAKEN BUT MAY HAVE ERRORS

    if error != nil{
        return  // MAYBE THIS NEED SOME BETTER FEEDBACK FOR THE USER
    }
    
    guard let imageData = photo.fileDataRepresentation() else{return}  // USER FEEDBACK??

    self.picData = imageData

    // NOW ITS TAKEN


    // I'm assuming this is running on the main thread.
    withAnimation{self.isTaken.toggle()} // SO TOGGLE isTaken
}

how can I create a rectangular as big as the screen in Xamarin Forms?

Copy

Download

<AbsoluteLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <xct:CameraView x:Name="cameraView"  CameraOptions="Back" CaptureMode="Photo" OnAvailable="CameraView_OnAvailable" AbsoluteLayout.LayoutBounds="0.5,0.5,1,1" AbsoluteLayout.LayoutFlags="All">
        <xct:CameraView.Behaviors >
            <xct:EventToCommandBehavior Command="{Binding PhotoCapturedCommand}" EventName="MediaCaptured" />
        </xct:CameraView.Behaviors>
    </xct:CameraView>
    <Frame BackgroundColor="Transparent" BorderColor="White" AbsoluteLayout.LayoutBounds="0.5,0.5,0.5,0.5" AbsoluteLayout.LayoutFlags="All"/>
</AbsoluteLayout>

See all related Code Snippets

Community Discussions

Trending Discussions on cameraview

How to handle a device rotation for AVCaptureVideoPreviewLayer?
Swiftui nested navigation issue while using navigation link
Error: Required named parameter 'path' must be provided
Swift UITapGestureRecognizer not calling
Swiftui IGStoryKit Vertical Image flips Horizontal when sharing to Instagram Story from my app
Could not resolve org.webkit:android-jsc:+
@Published UIImage property not updating in SwiftUI
javascript- getUserMedia on Safari
metadataOutputRectConverted(fromLayerRect:) in Android
SwiftUI- server not receiving base64 string

Trending Discussions on cameraview

QUESTION

How to handle a device rotation for AVCaptureVideoPreviewLayer?

Asked 2022-Apr-01 at 21:27

I have a simple camera preview implementation:

import SwiftUI
import AVFoundation

struct CameraView: View {
    @StateObject var model = CameraModel()
    var body: some View {
        CameraPreview(camera: model)
            .safeAreaInset(edge: .bottom, alignment: .center, spacing: 0) {
                Color.clear
                    .frame(height: 0)
                    .background(Material.bar)
            }
            .ignoresSafeArea(.all, edges: .top)
            .onAppear() {
                model.check()
            }
    }
}

struct CameraPreview: UIViewRepresentable {
    @ObservedObject var camera: CameraModel
    
    func makeUIView(context: Context) -> some UIView {
        let view = UIView(frame: UIScreen.main.bounds)
        camera.preview = AVCaptureVideoPreviewLayer(session: camera.session)
        camera.preview.videoGravity = AVLayerVideoGravity.resizeAspectFill
        camera.preview.frame = view.frame
        view.layer.addSublayer(camera.preview)
        camera.start()
        return view
    }
    
    func updateUIView(_ uiView: UIViewType, context: Context) {
    }
}

struct CameraView_Previews: PreviewProvider {
    static var previews: some View {
        CameraView()
    }
}

class CameraModel: ObservableObject {
    @Published var session = AVCaptureSession()
    @Published var alert = false
    @Published var preview: AVCaptureVideoPreviewLayer!
    
    func check() {
        switch AVCaptureDevice.authorizationStatus(for: .video) {
        case .authorized:
            setUp()
            break
        case .notDetermined:
            AVCaptureDevice.requestAccess(for: .video) { (status) in
                if status {
                    self.setUp()
                }
            }
            break
        case .denied:
            self.alert.toggle()
            break
        default:
            break
        }
    }
    
    func setUp() {
        do {
            self.session.beginConfiguration()
            let device = AVCaptureDevice.default(.builtInDualCamera, for: .video, position: .back)
            let input = try AVCaptureDeviceInput(device: device!)
            
            if self.session.canAddInput(input) {
                self.session.addInput(input)
            }
            
            self.session.commitConfiguration()
        }
        catch {
            print(error.localizedDescription)
        }
    }
    
    func start() {
        self.session.startRunning()
    }
}

The problem is that it doesn't handle screen rotations:

I found similar topics, for example, this one, but I am a noobie in iOS development, I can't even understand where to put this solution. I've checked neither View, nor UIViewRepresentable have such methods to override.

How to handle screen rotation in AVCaptureVideoPreviewLayer?

ANSWER

Answered 2022-Apr-01 at 06:29

If you want to update layer frame in rotation, you need to create custom UIView and override layoutSubviews(). Inside layoutSubviews(), you need to update frame for sublayers.

The code will be as below.

struct CameraPreview: UIViewRepresentable {
    @ObservedObject var camera: CameraModel
    
    class LayerView: UIView {
        override func layoutSubviews() {
            super.layoutSubviews()
            // To disable default animation of layer. You can comment out those lines with `CATransaction` if you want to include
            CATransaction.begin() 
            CATransaction.setDisableActions(true)
            layer.sublayers?.forEach({ layer in
                layer.frame = frame
            })
            CATransaction.commit()
        }
    }
    
    func makeUIView(context: Context) -> some UIView {
        let view = LayerView()
        camera.preview = AVCaptureVideoPreviewLayer(session: camera.session)
        camera.preview.frame = view.frame
        camera.preview.videoGravity = AVLayerVideoGravity.resizeAspectFill
        view.layer.addSublayer(camera.preview)
        camera.session.startRunning()
        return view
    }
    
    func updateUIView(_ uiView: UIViewType, context: Context) {
    }
}

Source https://stackoverflow.com/questions/71700250

QUESTION

Swiftui IGStoryKit Vertical Image flips Horizontal when sharing to Instagram Story from my app

Asked 2022-Jan-22 at 08:40

I have a function in my app to take a photo and then share that photo to your Instagram story. When the user takes a photo it is vertical and takes up the full screen in my app. Then when the user taps to share the photo to their Instagram story it flips it horizontal.

Here are images that show what is happening 1. The photo that is taken in the app, 2. The photo getting put horizontal in Instagram

The user starts on the 'CameraView' and here is that code:

struct CameraView: View {

@StateObject var camera = CameraModel()

var body: some View {
    
    
    ZStack {
        
        //GOING TO BE CAMERA PREVIEW
        CameraPreview(camera: camera)
            .ignoresSafeArea(.all, edges: .all)
        
        VStack {
            
            if camera.isTaken {
                
                HStack {
                    
                    Spacer()
                    
                    Button(action: {
                        camera.reTake()
                    }, label: {
                        Image(systemName: "arrow.triangle.2.circlepath.camera")
                            .foregroundColor(.black)
                            .padding()
                            .background(Color.white)
                            .clipShape(Circle())
                    })
                    .padding(.trailing, 10)
                }
            }
            
            Spacer()
            
            HStack {
                
                if camera.isTaken {
                    
                    Spacer()
                    
                    Button(action: {
                        camera.sharePic()
                    }, label: {
                        Text("Share")
                            .foregroundColor(.black)
                            .fontWeight(.semibold)
                            .padding(.vertical, 10)
                            .padding(.horizontal, 20)
                            .background(Color.white)
                            .clipShape(Capsule())
                    })
                    .padding(.trailing)
                    
                } else {
                    Button(action: {
                        camera.takePic()
                    }, label: {
                        ZStack {
                            Circle()
                                .fill(Color.white)
                                .frame(width: 65, height: 65)
                            
                            Circle()
                                .stroke(Color.white, lineWidth: 2)
                                .frame(width: 75, height: 75)
                        }
                    })
                }
            }
            .frame(height: 75)
            
        }
        
    }
    .onAppear(perform: {
        camera.check()
    })
    
    
//END OF VAR BODY AND STRUCT
}

Here is the code for the 'CameraPreview' which shows either the camera or the photo the user has taken:

//CAMERA PREVIEW
struct CameraPreview: UIViewRepresentable {
@ObservedObject var camera : CameraModel

func makeUIView(context: Context) -> UIView {
    
    let view = UIView(frame: UIScreen.main.bounds)
    
    camera.preview = AVCaptureVideoPreviewLayer(session: camera.session)
    camera.preview.frame = view.frame
    
    //YOUR OWN PROPERTIES
    camera.preview.videoGravity = .resizeAspectFill
    view.layer.addSublayer(camera.preview)
    
    //STARTING SESSION
    camera.session.startRunning()
    
    return view
}

func updateUIView(_ uiView: UIView, context: Context) {
    
}

Here is the 'CameraModel' I use for all of the camera functionality

//CAMERA MODEL
class CameraModel: NSObject, ObservableObject, AVCapturePhotoCaptureDelegate {
@Published var isTaken = false
@Published var session = AVCaptureSession()
@Published var alert = false
@Published var output = AVCapturePhotoOutput()
//PREVIEW
@Published var preview : AVCaptureVideoPreviewLayer!

@Published var picData = Data(count: 0)

func check() {
    //FIRST CHECKING CAMERA HAS GOT PERMISSION
    switch AVCaptureDevice.authorizationStatus(for: .video) {
    case .authorized:
        setUp()
        return
        //SETTING UP SESSSION
    case .notDetermined:
        //REASKING FOR PERMISSION
        AVCaptureDevice.requestAccess(for: .video) { (status) in
            if status {
                self.setUp()
            }
        }
    case .denied:
        self.alert.toggle()
        return
    default:
        return
    }
}

func setUp() {
    
    //SETTING UP CAMERA
    do{
        //SETTING CONFIGS
        self.session.beginConfiguration()
        
        //CHANGE FOR YOUR OWN
        let device = AVCaptureDevice.default(.builtInDualCamera, for: .video, position: .back)
        
        let input = try AVCaptureDeviceInput(device: device!)
        
        //CHECKING AND ADDING TO SESSION
        if self.session.canAddInput(input){
            self.session.addInput(input)
        }
        
        //SAME FOR OUTPUT
        if self.session.canAddOutput(self.output){
            self.session.addOutput(self.output)
        }
        
        self.session.commitConfiguration()
    }
    catch{
        print(error.localizedDescription)
    }
}

//TAKE PIC AND RETAKE PIC
func takePic() {
    DispatchQueue.global(qos: .background).async {
        self.output.capturePhoto(with: AVCapturePhotoSettings(), delegate: self)
        self.session.stopRunning()
        
        DispatchQueue.main.async {
            withAnimation{self.isTaken.toggle()}
        }
    }
}

func reTake(){
    DispatchQueue.global(qos: .background).async {
        self.session.startRunning()
        DispatchQueue.main.async {
            withAnimation{self.isTaken.toggle()}
        }
    }
}

func photoOutput(_ output: AVCapturePhotoOutput, didFinishProcessingPhoto photo: AVCapturePhoto, error: Error?) {
    if error != nil {
        return
    }
    
    print("DEBUG: Picture Taken")
    
    guard let imageData = photo.fileDataRepresentation() else { return }
    
    self.picData = imageData
}

func sharePic() {
    //VARIABLE FOR THE IMAGE TAKEN
    let image = UIImage(data: self.picData)!
    
    //IG STORY PACKAGE VARIABLE
    let igData = IGData(backgroundType: .image, colorTop: .systemOrange, colorBottom: .systemRed, backgroundImage: image.withTintColor(.red), contentSticker: UIImage(systemName: "person.fill.checkmark"))
    
    //SHARING THE IMAGE TO INSTAGRAM STORY
    let igDispatcher = IGDispatcher(igData: igData)
    igDispatcher.start()
    
}

I am using the swift package "IGStoryKit" to handle taking the photo the user takes and posting it on their Instagram story. When I use just a regular vertical photo in my apps assets, it posts to Instagram correctly with the vertical landscape, but when I take a photo on the camera it flips it horizontal.

Any idea why this is happening?

ANSWER

Answered 2022-Jan-22 at 08:40

Super pumped to hear that you're using IGStoryKit (I made it!).

I've faced this issue too. You have to rotate your image before passing it onto IGStoryKit. This is an iOS "issue"

I use this code in one of my apps. Please try it out and let me know if it works for you too!

var fixOrientation: UIImage? {
        guard self.imageOrientation != .up else { return self }
        UIGraphicsBeginImageContextWithOptions(self.size, false, self.scale)
        let rect = CGRect(x: 0,
                          y: 0,
                          width: self.size.width,
                          height: self.size.height)
        self.draw(in: rect)
        guard let normalizedImage: UIImage = UIGraphicsGetImageFromCurrentImageContext() else { return nil }
        UIGraphicsEndImageContext()
        return normalizedImage
}

You have to apply this on the image. So, in your case that'd be something like:

let image = UIImage(data: self.picData)!
guard let fixedOrientationImage = image.fixOrientation else { return }

// Now pass this `fixedOrientationImage` to IGDispatcher

Source https://stackoverflow.com/questions/70441587

QUESTION

Could not resolve org.webkit:android-jsc:+

Asked 2022-Jan-19 at 12:50

I'm getting an error every time I try to run 'react-native run-android' or './gradlew bundleRelease' for my React Native project.

FAILURE: Build failed with an exception.

* What went wrong:
Could not determine the dependencies of task ':app:collectReleaseDependencies'.
> Could not resolve all task dependencies for configuration ':app:releaseRuntimeClasspath'.
   > Could not resolve org.webkit:android-jsc:+.
     Required by:
         project :app
      > Failed to list versions for org.webkit:android-jsc.
         > Unable to load Maven meta-data from https://jcenter.bintray.com/org/webkit/android-jsc/maven-metadata.xml.
            > Could not HEAD 'https://jcenter.bintray.com/org/webkit/android-jsc/maven-metadata.xml'.
               > Read timed out

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0.
Use '--warning-mode all' to show the individual deprecation warnings.
See https://docs.gradle.org/6.7/userguide/command_line_interface.html#sec:command_line_warnings

BUILD FAILED in 2m 37s

Here's my build.gradle file:

// Top-level build file where you can add configuration options common to all sub-projects/modules.

buildscript {
    ext {
        buildToolsVersion = "29.0.3"
        minSdkVersion = 24
        compileSdkVersion = 30
        targetSdkVersion = 30
        supportLibVersion = "28.0.0"
        googlePlayServicesAuthVersion = "16.0.1"
    }
        repositories {
        google()
        mavenCentral()
        mavenCentral()
    }
    dependencies {
        classpath 'com.facebook.react:react-native:0.12.+'

        classpath 'com.android.tools.build:gradle:4.0.0'
        classpath 'com.google.gms:google-services:4.2.0'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        mavenCentral()
        mavenLocal()
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url("$rootDir/../node_modules/react-native/android")
        }
        maven {
            // Android JSC is installed from npm
            url("$rootDir/../node_modules/jsc-android/dist")
        }
        maven {
            // expo-camera bundles a custom com.google.android:cameraview
            url "$rootDir/../node_modules/expo-camera/android/maven"
        }
        maven { url 'https://maven.google.com' }
        maven { url 'https://www.jitpack.io' }

        google()
        jcenter()
    }
}

I can't find any an information about why this is happening bar adding 'www.' to 'https://www.jitpack.io' but it already has that.

'react-native run-android' was working yesterday, since then I changed emulator and also changed java version.

Does anyone know why this is happening?

ANSWER

Answered 2022-Jan-17 at 19:38

We also just ran into this. I believe JCenter is down right now. https://status.bintray.com/

Source https://stackoverflow.com/questions/70746440

QUESTION

@Published UIImage property not updating in SwiftUI

Asked 2021-Nov-26 at 09:27

I want to show a MJPEG stream in a UIImageView.

I have implemented the stream loading and send the images to a CameraViewModel via a delegate.

final class CameraViewModel: ObservableObject {
    
    lazy var cameraService = CameraService(delegate: self)
    
    @Published var cameraImage = UIImage(systemName: "cloud.heavyrain.fill")
    
    func play() {
        cameraService.play()
    }
    
    func stop() {
        cameraService.stop()
    }
}

extension CameraViewModel: CameraServiceDelegateProtocol {
    func frame(image: UIImage) {
        cameraImage = image
        print("updated image \(self.cameraImage!)")
    } 
}

The delegate function gets called with every new image as expected and I'm assigning it to @Published var cameraImage.

On the View side the @Published property is used to populate a UIImageView, but the image is not updating.


struct CameraView: View {
    @Binding var showCamera: Bool
    @ObservedObject var cameraViewModel: CameraViewModel = CameraViewModel()
    var body: some View {
        VStack {
            Image(uiImage: cameraViewModel.cameraImage!).aspectRatio(contentMode: .fit).frame(height: 200)
            
            Button("Close") {
                cameraViewModel.stop()
                showCamera.toggle()
            }.onAppear() {
                cameraViewModel.play()
            }
        }
    }
}

The Image(....) in the VStack is not updating and I can't seem to figure out whats wrong.

For reference, here is the CameraService:

protocol CameraServiceDelegateProtocol {
    func frame(image: UIImage) -> Void
}

protocol CameraServiceProtocol {
    var rosServiceDelegate: CameraServiceDelegateProtocol { get set }
}

class CameraService: NSObject, ObservableObject {
    var cameraServiceDelegate: CameraServiceDelegateProtocol
    let realUrl = URL(string: "http://192.168.45.100:8080/stream?topic=/image_raw")
    var dataTask: URLSessionDataTask?
    var receivedData: NSMutableData = NSMutableData()
    var session: URLSession?
    
    init(delegate: CameraServiceDelegateProtocol) {
        cameraServiceDelegate = delegate
    }
    
    func play() {
        session = URLSession(configuration: URLSessionConfiguration.default, delegate: self, delegateQueue: nil)
        dataTask = session?.dataTask(with: realUrl!)
        dataTask?.resume()
    }
    
    func stop() {
        dataTask?.cancel()
    }
}

extension CameraService: URLSessionDataDelegate {
    func urlSession(_ session: URLSession, dataTask: URLSessionDataTask, didReceive response: URLResponse, completionHandler: @escaping (URLSession.ResponseDisposition) -> Void) {
        if self.receivedData.length > 0,
            let receivedImage = UIImage(data: self.receivedData as Data) {
                
            DispatchQueue.main.async {
                self.cameraServiceDelegate.frame(image: receivedImage)
            }
                
            self.receivedData = NSMutableData()
        }
            
        completionHandler(URLSession.ResponseDisposition.allow) //.Cancel,If you want to stop the download
            
    }
        
    func urlSession(_ session: URLSession, dataTask: URLSessionDataTask, didReceive data: Data) {
        self.receivedData.append(data)
    }
}

ANSWER

Answered 2021-Nov-26 at 09:27

In CameraView replace

@ObservedObject var cameraViewModel

with

@StateObject var cameraViewModel

Source https://stackoverflow.com/questions/70121206

QUESTION

metadataOutputRectConverted(fromLayerRect:) in Android

Asked 2021-Oct-11 at 06:09

Currently I have a problem with cropping a rectangle from the camera preview. Basically I have setup the camera using fotoapparat where I have setup the scaleType of the preview to be ScaleType.CenterCrop.

Because this stretches the preview to fill the screen (I have a full screen portrait mode camera preview) I don't know the true width of the camera. So now when I want to cut out rectangle from the image based on the size of the rectangle shown on screen it does not crop correctly in the width.

I had a simular issue in swift (iOS) but was able to solve it using metadataOutputRectConverted(fromLayerRect:)

I'd assume i'll have to do something like find out what the true size is the camera preview layer so including whatever is cropped off to fill the screen and based on that calculate the new width of the rectangle relative to the camera preview.

See my previous question regarding this but for swift. Just like in this post (see screenshots) the width is not cropping as expected.

Current cropping method, where the bitmap is the image we receive after taking a photo, the cameraView is basically just the width and height of the screen and the cropRectFrame is the rectangle in the screen which I want to crop anything inside of it.

    private fun cropImage(bitmap: Bitmap, cameraFrame: View, cropRectFrame: View): Bitmap {

        val heightOriginal = cameraFrame.height
        val widthOriginal = cameraFrame.width

        val heightFrame = cropRectFrame.height
        val widthFrame = cropRectFrame.width
        val leftFrame = cropRectFrame.left
        val topFrame = cropRectFrame.top

        val heightReal = bitmap.height
        val widthReal = bitmap.width

        val widthFinal = (widthFrame * widthReal / widthOriginal)
        val heightFinal = (heightFrame * heightReal / heightOriginal)
        val leftFinal = (leftFrame * widthReal / widthOriginal)
        val topFinal = (topFrame * heightReal / heightOriginal)

        return Bitmap.createBitmap(
            bitmap, leftFinal, topFinal, widthFinal, heightFinal
        )
    }

any help is appreciated.

ANSWER

Answered 2021-Oct-11 at 06:09

I figured it out with the following code.

private fun cropImage(bitmap: Bitmap, cameraFrame: View, cropRectFrame: View): Bitmap {
    val scaleFactor: Double; val widthOffset: Double; val heightOffset: Double

    if (cameraFrame.height * bitmap.width > cameraFrame.height * bitmap.width) {
        scaleFactor = (bitmap.width).toDouble() / (cameraFrame.width).toDouble()
        widthOffset = 0.0
        heightOffset = (bitmap.height - cameraFrame.height * scaleFactor) / 2
    } else {
        scaleFactor = (bitmap.height).toDouble() / (cameraFrame.height).toDouble()
        widthOffset = (bitmap.width - cameraFrame.width * scaleFactor) / 2
        heightOffset = 0.0
    }

    val newX = cropRectFrame.left * scaleFactor + widthOffset
    val newY = cropRectFrame.top * scaleFactor + heightOffset
    val width = cropRectFrame.width * scaleFactor
    val height = cropRectFrame.height * scaleFactor

    return Bitmap.createBitmap(bitmap, (newX).toInt(), (newY).toInt(), (width).toInt(), (height).toInt())

}

Source https://stackoverflow.com/questions/69480137

QUESTION

SwiftUI- server not receiving base64 string

Asked 2021-Sep-30 at 20:28

What I'm trying to do is take a picture, encode it to base64 and then send it in a dictionary to my server. When I send the dictionary over, sometimes it sends with the base64 and sometimes it sends without it even if I don't make any changes. Here's the code for the camera view

struct CameraView: View {

@StateObject var camera = CameraModel()

var body: some View {
    ZStack {
        CameraPreview(camera: camera)
            .ignoresSafeArea(.all, edges: .all)
        
        VStack{
            if camera.isTaken{
                
                HStack {
                    
                    Spacer()
                    
                    Button(action: camera.retake, label: {
                        Image(systemName: "arrow.triangle.2.circlepath.camera")
                            .foregroundColor(.black)
                            .padding()
                            .background(Color.white)
                            .clipShape(Circle())
                    })
                    .padding(.trailing, 10)
                }
            }
    
            Spacer()
            
            HStack{
                if camera.isTaken{
                    Button(action: camera.sendPicData , label: {
                        Text("Save")
                            .foregroundColor(.black)
                            .fontWeight(.semibold)
                            .padding(.vertical, 10)
                            .padding(.horizontal, 10)
                            .background(Color.white)
                            .clipShape(Capsule())
                    })
                    .padding(.leading)
                    
                    Spacer()
                }
                else{
                    Button(action: camera.takePic, label: {
                        ZStack{
                            Circle()
                                .fill(Color.white)
                                .frame(width: 65, height: 65)
                            
                            Circle()
                                .stroke(Color.white, lineWidth: 2)
                                .frame(width: 75, height: 75)
                        }
                    })
                }
            }
            .frame(height: 75)
        }
    }
    .onAppear(perform: {
        camera.Check()
    })
}
}

struct CameraPreview: UIViewRepresentable{

@ObservedObject var camera: CameraModel

func makeUIView(context: Context) -> UIView {
    let view = UIView(frame: UIScreen.main.bounds)
    
    camera.preview = AVCaptureVideoPreviewLayer(session: camera.session)
    camera.preview.frame = view.frame
    
    camera.preview.videoGravity = .resizeAspectFill
    view.layer.addSublayer(camera.preview)
    
    camera.session.startRunning()
    
    return view
    
}

func updateUIView(_ uiView: UIView, context: Context) {
    
}
}

and the code for taking the picture and sending it to server

class CameraModel: NSObject, ObservableObject, AVCapturePhotoCaptureDelegate{
@Published var isTaken = false
@Published var alert = false
@Published var sendPic = false
@Published var session = AVCaptureSession()
@Published var output = AVCapturePhotoOutput()
@Published var preview: AVCaptureVideoPreviewLayer!
@Published var picData = Data(count: 0)

func Check(){
    switch AVCaptureDevice.authorizationStatus(for: .video) {
    case .authorized:
        setUp()
        return
    case .notDetermined:
        AVCaptureDevice.requestAccess(for: .video) { (status) in
            if status{
                self.setUp()
            }
        }
    case .denied:
        self.alert.toggle()
        return
    default:
        return
    }
}

func setUp(){
    do{
        self.session.beginConfiguration()
        
        let device = AVCaptureDevice.default(.builtInWideAngleCamera, for: .video, position: .back)
        let input = try AVCaptureDeviceInput(device: device!)
        
        if self.session.canAddInput(input){
            self.session.addInput(input)
        }
        
        if self.session.canAddOutput(self.output){
            self.session.addOutput(self.output)
        }
        self.session.commitConfiguration()
    }
    catch{
        print(error.localizedDescription)
    }
}

func takePic(){
    DispatchQueue.global(qos: .background).async {
        self.output.capturePhoto(with: AVCapturePhotoSettings(), delegate: self)
        self.session.stopRunning()
        
        DispatchQueue.main.async {
            withAnimation{self.isTaken.toggle()}
        }
        print("pic taken...")
    }
}

func retake(){
    DispatchQueue.global(qos: .background).async {
        self.session.startRunning()
        
        DispatchQueue.main.async {
            withAnimation{self.isTaken.toggle()}
        }
    }
}

func photoOutput(_ output: AVCapturePhotoOutput, didFinishProcessingPhoto photo: AVCapturePhoto, error: Error?) {
    if error != nil{
        return
    }
    
    guard let imageData = photo.fileDataRepresentation() else{return}
    self.picData = imageData
}

func sendPicData(){
    let image = UIImage(data: self.picData)
    let imageData: Data = image?.jpegData(compressionQuality: 0.1) ?? Data()
    let imageString: String = imageData.base64EncodedString()
            
    let dictionary:[String:String] = ["Dot":imageString]
    if let theJSONData = try? JSONSerialization.data(withJSONObject: dictionary, options: [.prettyPrinted]) {

        guard let sendURL = URL(string:"http://toServer") else {
            print("invalid URL")
            return
        }
        var request = URLRequest(url: sendURL)
        request.setValue("application/json", forHTTPHeaderField: "Content-Type")
        request.setValue("application/json", forHTTPHeaderField: "Accept")
        request.httpMethod = "POST"
        request.httpBody = theJSONData

        URLSession.shared.dataTask(with: request) {data, response, error in
            guard data != nil else {
                print ("PUT Failed: \(error?.localizedDescription ?? "Unknown Error")")
                return
            }
        }.resume()

        print(dictionary)
    }
}
}

I don't know why it's so inconsistent. It doesn't make any sense to me, if it works once why wouldn't it work every time? Help Please

ANSWER

Answered 2021-Sep-09 at 21:45

The problem was that the delegate function func photoOutput() wasn't being called every time the picture was taken. I found that in func takePic(), if I put a Timer on self.session.stopRunning() it would fix the problem and call the delegate function every time but it would also cause another problem that would stop calling on self.isTaken.toggle(). To fix that I put the Timer in a DispatchQueue.main.async like so

func takePic(){
    DispatchQueue.global(qos: .background).async {
        self.output.capturePhoto(with: AVCapturePhotoSettings(), delegate: self)
        DispatchQueue.main.async {
            Timer.scheduledTimer(withTimeInterval: 0.1, repeats: false) { (timer) in
                self.session.stopRunning()
            }
        }
        
        DispatchQueue.main.async {
            withAnimation{self.isTaken.toggle()}
        }
        print("pic taken...")
    }
}

I'm not sure if this is the best way to solve this but I've seen a lot of other people with the same similar problem and with this solution it will call the delegate function every time.

Source https://stackoverflow.com/questions/69080121

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install cameraview

You can download it from GitHub.
You can use cameraview like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the cameraview component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .