【unity3D插件】Embedded Browser（ZFBrowser） — 快速实现PC端内嵌网页（有详细图解）

已于 2023-10-24 11:43:30 修改
阅读量2.4k 收藏 13
点赞数 4
分类专栏： Unity 文章标签： 1024程序员节 unity 学习 教程 笔记
于 2023-10-24 11:41:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhurouwanzi/article/details/133996027
版权

💗 未来的游戏开发程序媛，现在的努力学习菜鸡
💦本专栏是我关于游戏开发的学习笔记
🈶本篇是unity3D插件—Embedded Browser

这里写自定义目录标题

下载

  1. unity Asset Store
    （unity的官方下载地址，价格75美元，对于个人学习了解有点贵，优势是正规的）
  2. csdn资源下载
    （我给自己存一份，防止我下次用的时候找不到，个人学习懒得找的也可以下载这个）
  3. 淘宝，万能的淘宝
    （这个我就不放链接了，自己搜吧）

基础知识

  1. 介绍: Embedded Browser是一个基于Chromium开源项目的Unity Web浏览器插件。它允许开发者在Unity场景中嵌入网页，实现类似使用WebView的功能，也可以直接加载网页，以方便用户在游戏或应用程序中查看网页内容。

基础操作

使用公网网址加载一个网页①

  1. 新建一个RawImg，调整合适的大小
    在这里插入图片描述
  2. 为RawImg添加上Browser和Point UIGUI组件，并且在url中添加你需要的公网链接，我这里添加的时CSDN的首页链接
    在这里插入图片描述
    运行后效果：可以加载出网页，也可以和网页进行点击交互或输入交互等请添加图片描述

使用公网网址加载一个网页②

  1. 在ZFBrowser文件夹中，找到Prefabs文件夹中的Browser (GUI)预制体，添加到面板中
    在这里插入图片描述
  2. 添加要链接的网址
    在这里插入图片描述
    运行后效果：可以加载出网页，也可以和网页进行点击交互或输入交互等
    请添加图片描述

使用本地的网址加载一个网页

其实方法和公用网址是一样的，就是把url填写网址的地方填成自己存放本地网页的路径就行，注意路径一定要写准确，不然找不到。

使用时出现的问题

打包后加载不出来网页

  1. 选择打包后的文件夹中后缀为_Data的文件夹
    在这里插入图片描述

  2. 选择其中的plugins文件夹
    在这里插入图片描述

  3. 选择x86_64文件夹，将其中的文件剪切到现在这一层
    在这里插入图片描述
    在这里插入图片描述
    （因为我使用的时候出现了问题，但用我自己的笔记本写这篇博客的时候时没问题的，所以这里没有文件，出现问题的话，这里应该是有一些配置文件的）

  4. 做完这个操作后，再返回去打开.exe程序运行就可以了

输入框无法输入中文

  1. 虽然可以加载网页可以与网页交互，但是在输入框中只能输入英文，无法切换输入法输入中文
    请添加图片描述
  2. 打开PointerUIGUI脚本，找到OnSelect方法，将Off改成On，注意大小写
    在这里插入图片描述
  3. 然后就可以啦
    请添加图片描述

（如果代码改过之后依然不行，并且使用的是预制体，可以尝试把场景中的预制体删除再次添加）

注：
这就是目前我会的以及使用时遇到的问题，关于unity与这个内嵌网页之间的传参以及Browser组件和Pointer UIGUI组建的详细属性，暂且还不太懂，等我用到再来写吧！

💦更多内容请前往主页置顶或点击链接直达：【unity3D】游戏开发专栏的目录

猪肉丸子~
关注
  • 4
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
Embedded Browser(ZFBrowser)
06-28
PC端亲测好用的Embedded Browser(ZFBrowser)，Unity可用于VR，可结合曲面UI插件一并使用。(unity十大热门工具系列) 此资源来自unity商店，仅限于个人学习研究，请勿用于任何商业用途，请支持或购买正版，尊重版权.
Embedded Browser 最新unity3d内嵌网页插件
04-20
使用插件Embedded Browser3.1.0实现unity与网页交互、运行可以改变网页网址，back，forward 可是实现网页的前进后退。最新unity3d内嵌网页插件
Embedded Browser 3.1.0（支持NGUI）
06-25
Embedded Browser 3.1.0，支持NGUI，脚本付在压缩包内； 该插件在unity商店里面有，售价75$，着实有点贵。我在其他地方找了一个，使用期间发现只支持了UGUI和场景Mesh显示，后来我自己写了NGUI的支持，如果有不足的，可以优化优化哈。 第一款能够真正在 VSCode 中浏览网页的插件； 支持的平台 - Windows 32 位独立平台（Mono） - Windows 64 位独立平台（Mono、il2cpp）独立 - OS X 64位独立平台（Mono,il2cppp） - Linux 64 位独立平台（实验性）（Mono）
Unity2023.1.19_Embedded Browser-ZFBrowser插件
weixin_45728126的博客
02-27 741
html代码中包含一个按钮和绑定调用点击事件（函数调用unity的jsevent，参数前端调用指定），一个unity调用的函数（参数Unity调用指定）;Raw Image组件，浏览器组件Browser，虚拟鼠标交互组件 Pointer UIGUI，箭头光标显示组件 Cursor Renderer OS；C#代码中通过browser.RegisterFunction()注册函数，browser.Unity组件中BrowserUrl指向前端Html代码；导入插件包资源，遵循常规导包原则即可；
unity浏览器插件 Embedded Browser 3.1.0(ZFBrowser)
11-19
unity浏览器插件，支持pc端，可在UGUI和世界中打开，不支持webgl。亲测
Unity3d内嵌浏览器，网页支持流媒体视频播放
Thomas的秘密星球
11-20 826
在各类3D大屏的应用中,播放流媒体(例如监控视频)是比较常见的需求，本文会提供以内嵌浏览器的方案来解决该需求。
Embedded Browser 3.1.0
04-14
能搜到这个插件的都应该知道是干啥的吧 unity浏览器插件
【Unity3D插件】Embedded Browser嵌入式浏览器插件使用教程
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
04-25 4110
好久没有介绍插件了，今天分享一款比较好用的嵌入式浏览器插件。可以在Unity的UGUI上渲染一个网页，并且可以与它进行交互。构建速度很快，响应灵敏。Embedded Browser是Zen Fulcrum LLC团队开发的针对Unity的网页渲染的插件，这个公司还开发了其他比较好用的插件，比如：这里就不拓展了，主要讲一下Embedded Browser插件。
Unity pc端内嵌网页插件Embedded Browser基本使用流程
sc909090的博客
06-04 1万+
Unity内嵌网页pc插件Embedded Browser基本使用流程插件下载基本操作导入导入网页导入本地html网页 插件下载 该插件在unity商店里面有，售价75$，着实有点贵，我在淘宝上面买了一份，一块钱，刚刚好，各位需要可以去淘宝直接搜索，一块钱也不是啥事，如果想白嫖，这里也给出我的百度网盘分享，是最新版3.1.0需要的朋友自取即可。 链接：Embedded Browser3.1.0 提取码：i2mb 基本操作 导入 下载后会得到一个后缀为.unitypackage的文件，这个就是unity的包。
unity 内嵌网页简单流程（3D WebView 3.14.1）
热门推荐
qq_37524903的博客
07-06 1万+
3D WebView 主要实现在unity 中制作网页浏览器！可使用平台(很强大，其他类似插件都有平台缺陷)：Android 、 iOS、UWP（Hololens）、Windows 、 macOS、WebGL 0.插件版本：3D WebView for ... Web Browser 3.14.11.下载插件：3DWebViewAndUniWebView33.9.1(看资源描述，不会失望的)-其它文档类资源-CSDN文库2.官方下载地址：3D WebView: the ultimate cross-plat
Unity pc端内嵌网页插件Embedded Browser基本使用流程（转载）
a497507718的博客
06-07 2146
以上就是我最近几天的使用总结，我也是刚使用unity开发，还有很多的问题，本文因为最近查资料发现大家都写的不完整，遇到了许多坑，总结一下也帮助一下后来者。文章如果有什么技术上的问题和纰漏，欢迎指正。我也还有许多问题没有解决，比如上面说到了切换页面后页面高度缩小的问题，或者生产环境下打开调试的操作，有知道的同学也欢迎指教，感激不尽。原文链接：https://blog.csdn.net/sc909090/article/details/117561395。
unity内嵌网页BrowserUI
12-06
适用于做unity内嵌网页，只需要下载导入unity即可。功能 - 将网站渲染为2D或3D对象 - Chromium后端; 一流的支持：HTML，CSS和JavaScript - 从Unity 调用JavaScript¹ - 从JavaScript调用Unity¹ - 透明或不透明的页面背景 - 在游戏中嵌入HTML +资源 - 全面的3D UI / HUD演示 - 上下文菜单，警报/提示/确认/ pw提示 - 可自定义设计，无操作系统模态 - 控制：网址，后退，重新加载，调整大小等。 - Mipmap仿真着色器：更快的纹理更新，无闪烁 - 拦截新窗口并为其创建场景对象 - 极简主义JSON库 - 支持Chromium的开放编解码器（h.264 / mp3未获得许可） - 渲染SVG - 自定义游标 - Adob​​e Flash的实验支持，页面检查器 - 编辑/删除cookie - 可自定义的鼠标/键盘输入 - 包括：鼠标单击，FPS或GUI - 包括：VR（在Windows上测试HTC Vive 和Oculus Touch） - 包括：World-用于VR的空间键盘 - 自动包含构建文件 - 设置Chromium CLI标志 支持的平台 - Windows 32和64位独立版 - OS X 64位独立版 （目前不支持Android，iOS，UWP / HoloLens和其他平台，请谨慎使用）
Embedded Browser 3.1.0 2020年最新unity3d内嵌网页插件
10-14
在纹理上渲染一个网页，并与它进行互动！加速库存管理器、简化注册页面或以闪电速度构建 UI！ 在纹理上渲染一个网页，并与它进行互动！加速库存管理器、简化注册页面或以闪电速度构建 UI！
Unity浏览器插件 Embedded Browser 3.1.0(ZFBrowser)
11-27
Unity浏览器插件 Embedded Browser 3.1.0(ZFBrowser)
unity网页浏览器插件 Embedded Browser 3.1.1 (ZFBrowser).7z
11-17
转载：注：该插件实际版本为3.1.0， 这个版本有个多页面刷新失灵的bug被我... Embedded Browser 3.1.1 (ZFBrowser) 支持widnows linux mac os 不支持移动android ios, 可以使unity加载h5网页，支持与js通信交互等功能。
Vitis HLS 学习笔记--优化指令-ARRAY_PARTITION
hi94的博客
04-22 1323
ARRAY_PARTITION 指令中非常重要，它用于优化数组的存储和访问。该指令可以将一个大数组分割成多个小数组，以提高并行处理能力和减少访问延迟。
软件设计师软考中项学习（二）之计算机系统基础知识
寻至善的博客
04-20 570
通过学习🔥了解了计算机系统基础知识🔥学习了计算机基础、中央处理单元、数据表示🔥学会了CPU工作原理各进制的转换
web学习
最新发布
MptRe的博客
04-23 241
day03-01day03-02day03-03day03-05day03-07。
Unity3D内置浏览器 Embedded Browser播放MP4
06-12
Unity3D内置浏览器 Embedded Browser可以播放MP4视频。您可以在WebGL插件中加载一个包含MP4视频的HTML页面，并使用JavaScript来控制视频的播放、暂停和停止等操作。以下是一个简单的示例： 1. 创建一个包含MP4视频的HTML文件，例如video.html，将其放在Unity项目的WebGL模板文件夹中。 2. 在Unity中创建一个WebGL模板项目，将其导出为WebGL应用程序。 3. 在Unity中创建一个包含Embedded Browser的场景。 4. 在Embedded Browser的Inspector面板中，将URL设置为video.html文件的URL，例如"http://localhost:8080/video.html"。 5. 在video.html文件中，使用HTML5的video标签来嵌入视频，例如： ```html <video id="myVideo" width="640" height="360" controls> <source src="myVideo.mp4" type="video/mp4"> </video> ``` 6. 在JavaScript中，使用document.getElementById来获取video标签，并使用其play、pause和currentTime属性来控制视频的播放、暂停和时间轴。例如： ```javascript var video = document.getElementById("myVideo"); video.play(); // 播放视频 video.pause(); // 暂停视频 video.currentTime = 30; // 将视频跳转到 30 秒处 ``` 需要注意的是，在Unity中使用Embedded Browser播放视频时，视频的解码和渲染由WebGL插件进行，可能会对性能产生影响。另外，WebGL插件需要在支持WebGL的浏览器中才能正常工作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猪肉丸子~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值