unity3d使用3D WebView播放网页中的视频
创始人
2025-01-10 13:03:43
0

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,打开编辑代码

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 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添加如下代码

        public delegate void OnNewTexture(EventArgs eventArgs);         public OnNewTexture OnNewTextureHandle;
if (OnNewTextureHandle != null) {    OnNewTextureHandle(eventArgs); }

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

相关内容

热门资讯

一分钟内幕!科乐吉林麻将系统发... 一分钟内幕!科乐吉林麻将系统发牌规律,福建大玩家确实真的是有挂,技巧教程(有挂ai代打);所有人都在...
一分钟揭秘!微扑克辅助软件(透... 一分钟揭秘!微扑克辅助软件(透视辅助)确实是有挂(2024已更新)(哔哩哔哩);1、用户打开应用后不...
五分钟发现!广东雀神麻雀怎么赢... 五分钟发现!广东雀神麻雀怎么赢,朋朋棋牌都是是真的有挂,高科技教程(有挂方法)1、广东雀神麻雀怎么赢...
每日必看!人皇大厅吗(透明挂)... 每日必看!人皇大厅吗(透明挂)好像存在有挂(2026已更新)(哔哩哔哩);人皇大厅吗辅助器中分为三种...
重大科普!新华棋牌有挂吗(透视... 重大科普!新华棋牌有挂吗(透视)一直是有挂(2021已更新)(哔哩哔哩)1、完成新华棋牌有挂吗的残局...
二分钟内幕!微信小程序途游辅助... 二分钟内幕!微信小程序途游辅助器,掌中乐游戏中心其实存在有挂,微扑克教程(有挂规律)二分钟内幕!微信...
科技揭秘!jj斗地主系统控牌吗... 科技揭秘!jj斗地主系统控牌吗(透视)本来真的是有挂(2025已更新)(哔哩哔哩)1、科技揭秘!jj...
1分钟普及!哈灵麻将攻略小,微... 1分钟普及!哈灵麻将攻略小,微信小程序十三张好像存在有挂,规律教程(有挂技巧)哈灵麻将攻略小是一种具...
9分钟教程!科乐麻将有挂吗,传... 9分钟教程!科乐麻将有挂吗,传送屋高防版辅助(总是存在有挂)1、完成传送屋高防版辅助透视辅助安装,帮...
每日必看教程!兴动游戏辅助器下... 每日必看教程!兴动游戏辅助器下载(辅助)真是真的有挂(2025已更新)(哔哩哔哩)1、打开软件启动之...