在Android上实现图像覆盖到实时视频流上

Question

我想在Android中的实时视频上叠加图像。请问有人能建议从哪里开始吗？ 我已将所需的URL转换为图像。以下是代码:

ImageView imgView = (ImageView) findViewById(R.id.ImageView01); Drawable drawable = LoadImageFromWebOperations("https://www.google.com.pk/logos/classicplus.png"); imgView.setImageDrawable(drawable);

private Drawable LoadImageFromWebOperations(String url) {
    try {
        InputStream is = (InputStream) new URL(url).getContent();
        Drawable d = Drawable.createFromStream(is, "src name");
        return d;
    } catch (Exception e) {
        System.out.println("Exc=" + e);
        return null;
    }

现在，我的要求是如何将这个图像叠加到视频的所需区域上，即检测到的手部区域。问题在于，由于它是实时视频，所以感兴趣的区域可能会移动...... 希望能得到帮助。

- skool girl

---

相对布局和view.layout()方法是你的好朋友。 - logcat

我需要先将ImageView转换为Bitmap才能将其叠加到视频上吗？ - skool girl

你如何播放视频？创建RelativeLayout，将VideoView和ImageView放入其中。通过布局方法设置ImageView的位置。 - logcat

不是基本上我正在使用本地相机，以下是代码：public void surfaceCreated（SurfaceHolder holder）{ Log.i（TAG，“surfaceCreated”）; mCamera = new VideoCapture（Highgui.CV_CAP_ANDROID）; if（mCamera.isOpened（））{ （new Thread（this））。start（）; } else { mCamera.release（）; mCamera = null; Log.e（TAG，“无法打开本地相机”）; } }并且我正在使用opencv提供的布局，它基本上是一个没有xml文件的代码（视图）。 - skool girl

Answer 1

我通过叠加两个视图（下面分别命名为Preview和Overlay）来完成它。一个负责相机预览，另一个控制画布以绘制任何我想要的东西。

在res/layout/main.xml中：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
  <FrameLayout
      android:id="@+id/toplevelframe"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      >
    <your.project.Preview
    android:id="@+id/preview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />
    <your.project.Overlay
    android:id="@+id/overlay"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />
  </FrameLayout>
</LinearLayout>

在您的活动类中，onCreate() 方法中：

...
setContentView(R.layout.main);
mPreview = (Preview) findViewById(R.id.preview);
mOverlay = (Overlay) findViewById(R.id.overlay);
...

在`onResume()`方法中：

...
mCamera = Camera.open();
mPreview.setCamera(mCamera);
...

在onPause()中：

if (mCamera != null) {
    mPreview.setCamera(null);
    mCamera.release();
    mCamera = null;
}

Overlay类继承自View并在画布上绘制。没有什么特别的，只需覆盖onDraw()方法。

对于相机预览类（下面是Preview），请查看官方指南中的示例。它看起来像这样：

class Preview extends ViewGroup implements SurfaceHolder.Callback {
...
  private SurfaceView mSurfaceView;
  private SurfaceHolder mHolder;
  private Camera mCamera;
...
  public Preview(Context context, AttributeSet aset) {
      ...
      mSurfaceView = new SurfaceView(context);
      addView(mSurfaceView);
      // Install a SurfaceHolder.Callback so we get notified when the
      // underlying surface is created and destroyed.
      mHolder = mSurfaceView.getHolder();
      mHolder.addCallback(this);
      mHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
  }
...
  public void setCamera(Camera camera) {
      mCamera = camera;
      if (mCamera != null) {
          mSupportedPreviewSizes = mCamera.getParameters().getSupportedPreviewSizes();
          requestLayout();
      }
   }
...
}

然后也要实现SurfaceHolder.Callback的所有方法。

- sastanin