SurfaceView is swapping the red and blue Google Glass camera colors

Question

For some strange reason, the surfaceView is displaying well the image but the red and blue channels are swapped. The code I'm using is basically the same as in Github project but with some minor changes.

The code as I'm using it is:

public class CameraView extends SurfaceView implements SurfaceHolder.Callback{

private SurfaceHolder surfaceHolder = null;
private Camera camera = null;

public CameraView(Context context) {
    super(context);
    surfaceHolder = this.getHolder();
    surfaceHolder.addCallback(this);
}

@Override
public void surfaceCreated(SurfaceHolder holder) {
    camera = Camera.open();
    Parameters parameters = camera.getParameters();
    parameters.setPreviewFpsRange(30000, 30000);            
    camera.setParameters(parameters);   
}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
    if (camera != null){                    // Start the preview for surfaceChanged
        try {
            camera.setPreviewDisplay(holder);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            this.releaseCamera();
        }
        camera.startPreview();
    }
}

@Override
public void surfaceDestroyed(SurfaceHolder holder) {
    this.releaseCamera();                   // Do not hold the camera during surfaceDestroyed - view should be gone...
}

public void releaseCamera() {
    if (camera != null) {
        camera.release();
        camera = null;
    }
}

}

Any ideas why this color swapping?

Answer 1

I had the same problem, it drove me crazy. After a lot of efforts I found out that for some strange reason this happening when the layout contains only the FrameLayout which holds the SurfaceView of the camera and no other layout elements. In my case I added empty TextView over the FrameLayout and the it resolved. Strange but working. (eventually I used this TextView to show text so this is the reason for the style and location attributes)

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context="${relativePackage}.${activityClass}"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/CameraView" />

 <TextView
    android:id="@+id/status_text"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginBottom="5dip"
    android:layout_gravity="center_horizontal|top"

    android:padding="5dip"
    android:textColor="#000000"

    android:text="" />

Answer 2

I'm having the same problem. A workaround I found was to put a margin on the screen.

dimens.xml

  <dimen name="glass_video_margin">1px</dimen>

layout_activity.xml

    <VideoView
    android:id="@+id/vid_back"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/glass_video_margin"
     />

Answer 3

Are you setting the ContentView of your activity to be the CameraView? If so, this issue will occur. I was facing the same problem with the below code.

@Override
protected void onResume() {
    super.onResume();
    cameraPreview = new CameraPreview(this);
    // setUpCameraPreview();
    setContentView(cameraPreview);
}

Later I created activity_main.xml with the following.

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    tools:context="com.arun.camera.CustomCamera">

    <FrameLayout
        android:id="@+id/cameraPreview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</FrameLayout>

Then I created the camera preview in my onCreate as follows, and so things are just fine. My onCreate now looks as follows.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    previewLayout = (FrameLayout) this.findViewById(R.id.cameraPreview);
    cameraPreview = new CameraPreview(this);
    previewLayout.addView(cameraPreview);
}

Answer 4

I had the same problem, but not only on camera video preview. I resolved it. I added android:hardwareAccelerated="true" into androidmanifest.xml activity section. Now works fine. (Sorry my bad english.)

Answer 5

This question may be related:

Glass camera preview display is garbled