在 VideoView 上叠加图像（在画布上）？

Question

我正在尝试将画布放在 VideoView 上。在这个画布上，我希望能够绘制图像（或矩形、线条等）。

我的 XML 文件中有以下 sn-p。

<VideoView
   android:id="@+id/videoplayer"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content" />

同样，我的目标是在此 VideoView 上创建一个画布，以便我可以在画布上放置图像。

所以，我最终会在视频上叠加图像。我还希望能够覆盖矩形和其他元素。

任何帮助将不胜感激！这比我想象的要难得多！

Answer 1

我相信你需要的不仅仅是一张图片，对吧？

那么，试试这个：

1. 使用 GLSurfaceView
2. 创建纹理
3. 创建一个 SurfaceTexture
4. 使用 SurfaceTexture 创建一个 Surface
5. 将 MediaPlay 输出告诉上面创建的 Surface
6. 渲染 SurfaceTexture
7. 渲染其他小部件（按钮进度条等）

Answer 2

我已经编写了一个完全符合您要求的应用程序。不幸的是，我现在没有代码，但我记得我在哪里找到了对我有很大帮助的代码！

正如您在此 video 和此 one 中所看到的，您很可能在视频流上绘制任何您想要的内容，您只需要确保不要将 FPS 丢弃太多.

Here你可以找到教程和代码。我所做的是在我了解了它的作用以及我想用什么来改变它之后，我开始取出代码块。它确实加快了我在 PoC 上的工作。

希望对您有所帮助，如果您需要更多帮助，我很乐意为您提供进一步帮助。

祝你好运！

Answer 3

使用相对布局。这是我用来在我的地图视图中叠加图像的方法：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >        

    <fragment
        android:id="@+id/map"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        class="com.google.android.gms.maps.SupportMapFragment"/>

    <ImageView
        android:id="@+id/add_new_poi_icon_overlay"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:contentDescription="@string/add_new_poi_icon_content_description"
        android:scaleType="centerCrop"
        android:src="@drawable/overlay_with_watermark"
        android:visibility="gone" /> 
</RelativeLayout>

只需将 scaletype 更改为您需要的类型，然后使用这些参数将其放在您想要的位置：

android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_marginBottom="54dp"
android:layout_marginLeft="36dp"