unity3d使用3D WebView播放网页中的视频

Unity2021.3.35f1,硬件ESP32-Cam,3D WebView插件

1.新建工程,导入3D WebView for Winfows和3D WebView for Android

2.打开场景Assets\Vuplex\WebView\Demos\Scenes\2_CanvasWebViewDemo

3.修改Canvas的Render Mode为Screen Space-Camera,修改Canvas Scaler

4.修改CanvasWebViewPrefab的组件RectTransform的对齐方式和宽高,宽高与分辨率相同

5.修改CanvasWebViewPrefab中的网址,Resolution改为1(实为缩放)

6.运行程序即可看到视频

7.导入OpenCV for Unity 2.5.9

8.创建Scripts文件夹,再创建Test.cs,打开编辑代码

cs 复制代码
using OpenCVForUnity.CoreModule;
using OpenCVForUnity.ImgprocModule;
using OpenCVForUnity.UnityUtils;
using UnityEngine;
using UnityEngine.UI;
using Vuplex.WebView;
using Vuplex.WebView.Internal;

public class Test : MonoBehaviour
{
    public RawImage rawImage;
    public CanvasWebViewPrefab view;
    public CanvasViewportMaterialView vp;

    Texture2D texture;
    Texture2D texture1;
    RenderTexture _tmpRenderTexture;

    bool init = false;
    // Start is called before the first frame update
    void Start()
    {

#if UNITY_ANDROID
        view.OnNewTextureHandle += OnRenderTex;
#endif
    }

    void OnRenderTex(EventArgs<Texture2D> eventArgs)
    {
        Draw(eventArgs.Value);
    }

    private void Update()
    {
#if UNITY_STANDALONE_WIN || UNITY_EDITOR
        Texture2D tx = vp.Texture as Texture2D;
        Draw(tx);
#endif
    }

    void Draw(Texture2D tx)
    {
        if (tx == null)
        {
            return;
        }
        if (!init)
        {
            texture = new Texture2D(tx.width, tx.height, TextureFormat.ARGB32, false);
            texture1 = new Texture2D(tx.width, tx.height, TextureFormat.ARGB32, false);

            init = true;
        }

        Mat cameraMat = new Mat(tx.height, tx.width, CvType.CV_8UC4);

        Point pt = new Point(tx.width / 2, tx.height / 2);

        Utils.textureToTexture2D(tx, texture);
        Utils.texture2DToMat(texture, cameraMat);
        Imgproc.circle(cameraMat, pt, 30, new Scalar(255, 0, 0), 3);
        Utils.matToTexture2D(cameraMat, texture1);
        rawImage.texture = texture1;
    }

}

9.创建实体Test,添加Test组件,并给变量赋值

10.运行程序,可以在RawImage中看到一个圆圈。

至此Windows环境已适配完成。

下面开始适配安卓版

11.去掉勾选CanvasWebViewPrefab组件中的Native 2D Mode (Android, iOS, WebGL, and UWP only)

12.将平台切换到Android,在Player Setting...中Graphics APIS 添加Vulkan

13.打开Assets\Vuplex\WebView\Core\Scripts\BaseWebViewPrefab.cs添加如下代码

cs 复制代码
        public delegate void OnNewTexture(EventArgs<Texture2D> eventArgs);
        public OnNewTexture OnNewTextureHandle;
cs 复制代码
if (OnNewTextureHandle != null)
{
   OnNewTextureHandle(eventArgs);
}

13.发布apk,在手机上运行,即可看到与PC相同的效果

相关推荐
逐·風3 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
_oP_i4 小时前
Unity Addressables 系统处理 WebGL 打包本地资源的一种高效方式
unity·游戏引擎·webgl
Leoysq13 小时前
【UGUI】实现点击注册按钮跳转游戏场景
游戏·unity·游戏引擎·ugui
_oP_i17 小时前
unity中 骨骼、纹理和材质关系
unity·游戏引擎·材质
Padid1 天前
Unity SRP学习笔记(二)
笔记·学习·unity·游戏引擎·图形渲染·着色器
Tp_jh1 天前
推荐一款非常好用的C/C++在线编译器
linux·c语言·c++·ide·单片机·unity·云原生
dangoxiba2 天前
[Unity Demo]从零开始制作空洞骑士Hollow Knight第十八集补充:制作空洞骑士独有的EventSystem和InputModule
游戏·unity·c#·游戏引擎·playmaker
无敌最俊朗@2 天前
unity3d————屏幕坐标,GUI坐标,世界坐标的基础注意点
开发语言·学习·unity·c#·游戏引擎
_oP_i2 天前
Unity 中使用 WebGL 构建并运行时使用的图片必须使用web服务器上的
前端·unity·webgl
司军礼2 天前
Unity自动打包——Shell交互
unity·游戏引擎·交互