当前位置:网站首页>[unity utility] | sorting out related plug-ins of unity's ten browsers (WEB view / browser)

[unity utility] | sorting out related plug-ins of unity's ten browsers (WEB view / browser)

2021-09-15 08:02:18 Silly little y Typing Code


Preface

This article will introduce in Unity Some that can be used in Browser plug-in

There are plenty of them Embedded form Of , Is in the Unity Show browser related content in , Others call the browser of the computer itself

There are many kinds of plug-ins , Basically, one can be realized browser The most basic function , Is to visit the web , Then you can click to jump

Let's take a look at which plug-ins can realize these functions , It is convenient to use the corresponding tools in project development in the future !


Browser related plug-ins

The first paragraph :Embedded Browser (ZFBrowser)

Embedded Browser Is an embedded browser plug-in , Only applicable to PC End , Not suitable for Andrews

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/embedded-browser-55459

 Insert picture description here

function :

  • Render the site to 2D or 3D object
  • Chromium Back end support ; The best built-in classes to support :HTML、CSS and JavaScript
  • from Unity call JavaScript
  • from JavaScript call Unity
  • Transparent or opaque page background
  • take HTML + Resources are embedded in the game
  • 3D UI/HUD Comprehensive demonstration
  • Scene menu 、 alert / Tips / confirm /pw Tips
  • Customizable design , nothing OS modular
  • control :url、 move back 、 Reload 、 Rescale size, etc .
  • Mipmap Simulation shader : Faster texture updates and no sparks
  • Intercept new windows and create objects in the scene for them
  • The minimalist JSON library
  • Provide Chromium Public coding support for ( Non real time YouTube The video should be able to use ; Vimeo、Twitch Do not support . Use... For your video WebM/VP9.
  • Rendering SVG
  • Custom mouse
  • Experimental support Adobe Flash
  • Page Checker
  • edit / Delete cookie
  • Customizable mouse / Keyboard entry
  • Include : Mouse click 、FPS or GUI
  • Include :VR( stay Windows Tested on HTC Vive and Oculus Touch)
  • Include :VR World space keyboard
  • Automatically include built files
  • Set up Chromium CLI label

Supported platforms

  • Windows 32 Bit independent platform (Mono)
  • Windows 64 Bit independent platform (Mono、il2cpp) Independent
  • OS X 64 Bit independent platform (Mono,il2cppp)
  • Linux 64 Bit independent platform ( experimental )(Mono)

In the second paragraph :UniWebView

UniWebView It's a lightweight plug-in , Support PC End and mobile devices , It has now been updated to UniWebView 4 Version of the

But it can only be displayed on the screen , You can't put it in world space to form a 3D effect , The last time I tested it, it was still pasted on the screen , I don't know if the function will be added later

Just like the browser commonly used on our mobile phones , It works well on the mobile end

Official website address :https://uniwebview.com/
Unity AssetsStore website :https://assetstore.unity.com/packages/tools/network/uniwebview-4-175993

 Insert picture description here

function :

  • Web browsing
  • Use secure browsing for OAuth verification , Or share with the system browser Cookie
  • Load local HTML file
  • JavaScript Full support
  • be based on url scheme Message system
  • By absolute value or reference Unity UI Element to set the position and size
  • Play YouTube,Vimeo Or local video
  • Get photos and upload
  • The transparent part of the web page penetrates and clicks , Use web pages to make games UI
  • Check our website for more information

In the third paragraph :Texture Web View (Android)

Texture Web View (Android) Support PC And mobile , It can also be placed in world space have 3D effect

Texture Web View It's a Android Web View plug-in unit , It allows you to 2D/3D Render web sites on objects , And it is possible to use local based Web View Component interaction function .

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/texture-web-view-android-155318

 Insert picture description here
function :

  • Fast and flexible web View rendering , Use local hardware canvas: Only support OpenGLES2/3 graphics API);
  • Support armeabi-v7a, x86, arm64-v8a-bit Android processor ( about arm64-bit You need to be directly in Unity Enable libraries in the engine );
  • Support in 2D or 3D Render web pages on objects ;
  • Support for components that require hardware rendering support ( Only applicable to API Level 23+)- Such as HTML5 video ,YouTube etc. ;
  • Supports asynchronous evaluation in the context of the currently displayed page JavaScript;
  • Support rendering multiple web Possibility of view instances ;
  • Supports the possibility of using the current web page frame pixels ( Will be ignored using hardware features , The work is not so smooth );
  • Support main interactive functions , Such as : Click on , rolling , Text selection , edit ;
  • Experimental virtual reality support (Cardboard, Oculus).

Tips :

  • Can't be in Unity Working in Editor Mode ;
  • about arm64 Bit processor support , Directly in Unity Engine “TextureWebView/Plugins/Android/libs/arm64-v8a” Enable Library in folder ;
  • Hardware rendering API Grade 23+ requirement API Grade 15;
  • The current version does not include a virtual keyboard , But it includes all the required functions , Use your custom one , Such as : Show / Hide keyboard callback , Set the input field text .

The fourth paragraph :Mobile Web View (Android, iOS)

Mobile Web View Support PC And mobile , Can be displayed in world space 3D effect

If you ever wanted to render a website to Unity On texture , And interact with it on the mobile platform , Then this asset is for you .

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/mobile-web-view-android-ios-82142

 Insert picture description here
characteristic :

  • Android (x86 and armeabi-v7a-bit friendly );
  • iOS( compatible arm64 and armv7 position );
  • Fast and flexible rendering ( Fast local texture update : Metals and OpenGL graphics API);
  • Support virtual reality ( Cardboard ,Oculus);
  • Support rendering websites to 2D or 3D The possibility of the object ;
  • Support the possibility of rendering multiple websites at the same time ;
  • The possibility of support , To get the current page frame of pixels ;
  • Support the main interactive functions , Such as : Click on , rolling , edit .

Tips :

  • Start using MWV Please read the user manual before ;
  • Current version not supported “ Auto rotate ”
  • Can't be in Unity Working in Editor Mode
  • The minimum API Grade 15 (Android 4.0.3);
  • Correct working switch in player settings —Internet Access : need .

The fifth paragraph :ULiteWebView Unity

ULiteWebView Unity It is also a lightweight plug-in ( It's lighter than the one above ), Only mobile terminals are supported ,
But it can't achieve the effect of world space , Paste screen display

ULiteWebView It's an extremely lightweight Unity Embedded WebView plug-in unit .

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/network/ulitewebview-112841

 Insert picture description here

function :

  • Web browsing
  • Support Html5
  • Support Unity And JS Custom interface interaction
  • Support URL SCHEME
  • Customizable display form size

characteristic :

  • Easy access , The core file is only 3 individual , And no additional configuration is required
  • Lightweight , Increasing the amount of code is only 20KB about
  • Easy to use , Complex functions have been encapsulated into several simple calls API Interface

6 :3D WebView for Windows and macOS

3D WebView for Windows Is a good browser plug-in , Support multiple platforms , There are a variety of display effects

This plug-in is divided into five versions , Namely Windows and macOS、Android、Android with Gecko Engine、IOS and UWP / Hololens

3D WebView for Windows and macOS edition Only support PC End , That is to say, only support Windows and Mac The computer

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/3d-webview-for-windows-and-macos-web-browser-154144

Official website address :https://store.vuplex.com/
 Insert picture description here
 Insert picture description here
The plug-in contains several sample scenarios :

  • SimpleWebViewDemo
  • CanvasWebViewDemo
  • AdvancedWebViewDemo
  • CanvasWorldSpaceDemo
  • PopupDemo

The plug-in also comes with a keyboard , There are two kinds of space keyboard and canvas keyboard , Support English 、 Spanish 、 French 、 German 、 Russian 、 Danish language 、 Norwegian and Swedish are several languages

The disadvantage of the keyboard is that it does not support Chinese input , This is fatal , However, you can use a third-party keyboard to enter Chinese , The mobile terminal can also call the keyboard of the mobile phone to input Chinese

System requirements :

  • Unity 2017.3 Or later ( because Unity error ,Windows I won't support it 2017.3 - 2018.1 With the exception of )
  • Support Mono and IL2CPP
  • with D3D11 Graphic Windows 8+(x64、x86)
  • with Metal Graphic macOS 10.10+(x64、arm64)

Tips :

  • This package only supports Windows and macOS . To support other platforms , You can install other 3D WebView package (Android、iOS、UWP Or create a custom package ). all 3D WebView Packages can work together seamlessly , So you just need to install them into the same project , then 3D WebView It will automatically detect and use the correct plug-ins at run time and build time .
  • 3D WebView The native Windows and macOS Plug ins are provided as precompiled libraries , Do not provide their original source code .
  • MP4 And streaming media H.264 The video codec is disabled by default , But you can enable .
  • Not for Mac App Store structure .
  • stay macOS On ,Unity The dynamic library used by the process is a general library , Support at the same time x64 and arm64.Chromium The executable file of the process is only x64, But through Rosetta stay M1 Mac Run successfully on .
  • Windows and macOS The plug-in embeds Chromium Embedded Framework, Therefore, you must display what it contains in the about page or points of the desktop application BSD Copy of style license .

The seventh paragraph :3D WebView for Android

3D WebView for Android Plugins, too 3D WebView A kind of

Only support Android End , Functions are also available , But the same cannot be run in the editor

It is worth mentioning that this type of plug-in is 3D WebView The smallest memory space in the series , Probably because Android The system comes with some libraries that do not need to be encapsulated, saving memory

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/3d-webview-for-android-web-browser-137030

 Insert picture description here

System requirements

  • Unity 2017.3 Or more
  • Support Mono and IL2CPP
  • with OpenGL Graphic Android 5+(armv7、arm64、x86)

Tips :

  • This package only supports Android . To support other platforms , You can install other 3D WebView package (Windows and macOS、iOS、UWP Or create a custom package ). all 3D WebView Packages can work together seamlessly , So you just need to install them into the same project , then 3D WebView It will automatically detect and use the correct plug-ins at run time and build time .
  • 3D WebView The native Android Plug ins are provided as precompiled libraries , They are not provided with their original source code .
  • 3D WebView The native Android The plug-in cannot run in the editor , Therefore, simulation is used by default when running in the editor webview Realization . however , You can actually apply to Windows and macOS Of 3D WebView Install into the project to load and render real objects in the editor Web Content .
  • If your goal is Oculus The headset , It is recommended to use Gecko Engine Bag Android 3D WebView. A comparison of the two packages , See the comparison page .
  • This package supports generic rendering pipelines (URP), but WebViewPrefab Currently does not support “SRP Batcher” Options . therefore , In the use of URP when , You must be in URP Disable... In settings SRP Batcher Or use CanvasWebViewPrefab instead of WebViewPrefab.
  • Android The plug-in is embedded from Mozilla Of PDF.js, So you have to be in your Android The application's about page or points show what it contains Apache 2.0 A copy of the license .

Section 8 :3D WebView for Android with Gecko Engine

3D WebView for Android with Gecko Engine This plug-in is actually similar to Android The version doesn't make much difference

But the two versions use different browser kernels , Ordinary Android Use of version Android The built-in system WebView As a browser engine

which Gecko Engine Is embedded Mozilla Of Gecko Browser engine , It provides better stability , And for VR Mouse interaction on headphones provides better support

All in all Gecko Engine More suitable for VR Equipment development ,Android This version is more suitable for Android Mobile development
About the comparison of these two models , You can check the official instructions and choose by yourself ! Official comparison notes :https://support.vuplex.com/articles/android-comparison

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/3d-webview-for-android-with-gecko-engine-web-browser-158778

 Insert picture description here
System requirements :

  • Unity 2018.3 Or more
  • Support Mono and IL2CPP
  • with OpenGL Graphic Android 5+(armv7、arm64、x86)

Tips :

  • This package only supports Android . To support other platforms , You can install other 3D WebView package (Windows and macOS、iOS、UWP Or create a custom package ). all 3D WebView Packages can work together seamlessly , So you just need to install them into the same project , then 3D WebView It will automatically detect and use the correct plug-ins at run time and build time .
  • 3D WebView The native Android Plug ins are provided as precompiled libraries , They are not provided with their original source code .
  • 3D WebView The native Android The plug-in cannot run in the editor , Therefore, simulation is used by default when running in the editor webview Realization . however , You can actually apply to Windows and macOS Of 3D WebView Install into the project to load and render real objects in the editor Web Content .
  • And others 3D WebView It's different , This package does not currently support transparent webviews.
  • This package supports generic rendering pipelines (URP), but WebViewPrefab Currently does not support “SRP Batcher” Options . therefore , In the use of URP when , You must be in URP Disable... In settings SRP Batcher Or use CanvasWebViewPrefab instead of WebViewPrefab.
  • Android Gecko Package currently does not support Build App Bundle Build options (GeckoView Limit ).
  • Android Gecko The plug-in embeds Mozilla Of GeckoView Unmodified copy of Library , So you have to be in your Android The application's about page or points show what it contains Mozilla Copy of Public License .
  • Android Gecko The plug-in is embedded from Mozilla Of PDF.js, So you have to be in your Android The application's about page or points show what it contains Apache 2.0 A copy of the license .

9 :3D WebView for iOS

This is for IOS Development use , There's nothing to say , The content is similar to the above paragraphs

Functions are also available , But the same cannot be run in the editor , So I obviously want to be in Unity Run in the editor to see the effect, you must download one PC Version of !

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/3d-webview-for-ios-web-browser-137040

 Insert picture description here

System requirements

  • Unity 2017.3 Or more
  • iOS 10+, Support at the same time Metal and OpenGL

The first ten :3D WebView for UWP / Hololens

3D WebView for UWP / Hololens This one is aimed at GM Windows platform (UWP) or Hololens In order to 3D Render and interact with web content in the form of

Functions are also available , But the same cannot be run in the editor , So I obviously want to be in Unity Run in the editor to see the effect, you must download one PC Version of !

Unity AssetsStore website :https://assetstore.unity.com/packages/tools/gui/3d-webview-for-uwp-hololens-web-browser-166365

 Insert picture description here

System requirements :

  • Unity 2018.3 Or more
  • IL2CPP( Abandoned... Is not supported .NET Runtime )
  • have D3D11 Graphic Windows 10(x64、x86、arm、arm64) General on Windows platform
  • need XAML The build type of the project , because XAML WebView Component is used as a browser engine .

Tips :

  • This package only supports UWP . To support other platforms , You can install other 3D WebView package (Windows and macOS、Android、iOS Or create a custom package ). all 3D WebView Packages can work together seamlessly , So you just need to install them into the same project , then 3D WebView It will automatically detect and use the correct plug-ins at run time and build time .
  • 3D WebView The native UWP Plug ins are provided as precompiled libraries , Do not provide their original source code .
  • 3D WebView The native UWP The plug-in cannot run in the editor , Therefore, simulation is used by default when running in the editor webview Realization . however , You can actually apply to Windows and macOS Of 3D WebView Install into the project to load and render real objects in the editor Web Content .
  • compatible Hololens 1 and 2.
  • at present , When text input is focused on Hololens Upper time , There will be no flashing text caret . however , A text caret appears when running on the desktop .
  • because UWP The limitation of ,UWP The plug-in Web The rendering frame rate is relatively slow (<10 FPS).
  • UWP Plug-in support for hover and drag interaction has limitations .
  • UWP The plug-in supports transparency on the desktop web View , But in Hololens I don't support .
  • UWP Plug ins are embedded from Mozilla Of PDF.js, So you have to UWP The information contained in the application's about page or points is displayed Apache 2.0 A copy of the license .

summary

This paper deals with Unity Some of the browser plug-ins that can be used in make a simple system description

Convenient for everyone to use Unity When you encounter browser related content in the development process, you can refer to

Later, I will focus on the following 3D WebView A series of plug-ins carry out a specific Comprehensive series of articles To study

Will introduce in detail how to use this plug-in , And some important API Method , Finally, I will make a case to learn and use !

If you have time, you also want to test all the plug-ins in this article and publish corresponding articles

Actually, I've tested many models ,3D WebView The series works best , But buying from the official website is really expensive , Several versions will cost a lot of money ~
 Insert picture description here
If you really lack any plug-ins, you can find resources on the Internet and use them first , If you develop your own experience, you are still not recommended to buy it on the official website , Of course, there is no need to say more about formal projects !

This article also refers to the work of a big man , And increase and enrich the content , In this thank you ! The forefathers planted trees and the posterity enjoyed the cool ~

Reference link :https://blog.csdn.net/u014361280/article/details/107034696

That's the end of the article , Useful words give the thumbs-up Give me a hand ! See you next time !


Share high-quality articles in previous periods


High quality column sharing
  • If you don't enjoy reading the article , You can come to my other special column Take a look ~
  • For example, the following columns :Unity Basic knowledge learning column Unity Game production column Unity Practical projects and Algorithm learning column
  • You can learn more about Unity engine Relevant contents of ! Click directly below Color font You can jump !
Unity Basic knowledge learning column
️ Unity Game production column ️
Unity Practical projects
Small Y Learn algorithms

 Please add a picture description

版权声明
本文为[Silly little y Typing Code]所创,转载请带上原文链接,感谢
https://chowdera.com/2021/09/20210909133949931z.html

随机推荐