TLabWebView - Open source 3D web browser plugin for Android

Community Showcases
, , ,
1

header
header1814×596 192 KB

TLabWebView is an plug-in to use Android’s web browser component (WebView / GeckoView) as uGUI (Texture2D). This plugin makes it possible to implement a 3D web browser (3D WebView) within Unity.

  • Keyboard Input
  • Touch Interaction
  • File download (include blob, data url)
  • Resize
  • Run Javascript
  • Support for multiple instances running concurrently
  • Support for multiple browser engines
    • WebView: Stable and powerful javascript interface
    • GeckoView: Highly extensible to pop-ups and other areas that cannot be controlled by WebView
  • Support for multiple rendering method
    • HardwareBudder: implemented using a low-level feature of Android. Best performance
    • ByteBuffer: Easy access to frames, since the results are obtained as byte arrays on the C# side. High stability. This option is used by default.
    • Surface: Direct rendering to Android’s Surface class, used for active use of features such as CompositionLayers

Document is here
Snippets is here

Screenshot

Screenshot run on Android 13, Adreno 619

click image for mobile sample repository

click image for VR sample repository

Unity version this plugin supports

  • Unity 2021
  • Unity 2022

Graphics api this plugin supports

  • OpenGLES
  • Vulkan

This plugin is free and opensource on GitHub. Have fun!

■ Repository (upm ready)

■ Java native plugin

2 Likes
2

Running perfectly in Unity 2022, but just white screen in Unity 6. I know you haven’t listed support for v6, but any idea on how I can help find the issue?

3

Hi @Wim-Wouters,

Thanks for the report. I’ve tested building this package with Unity 6. Although it hasn’t been thoroughly tested, I can confirm it displays “youtube.com” on my Android phone environment using my sample project. Perhaps this repository could help you configure your project?

Step to update the unity version of the sample project to 5 to 6

This sample project causes compilation errors on TextMeshPro when updated to Unity6. So please update TextMeshPro by re-importing the external resources of the package.

image.png559×586 29.3 KB

If you’re seeing just a white window, it might mean the WebView instance started but failed to load content. In such cases, clearing the cache often resolves the issue.

Also, checking the Android Logcat might help identify the problem since it shows the device log.

I’m currently continuing to test this package with Unity 6, and I’ll update this thread with any issues I notice.

5

@nounjhadi Thanks for the repoert. I know this comment has already been deleted, but please excuse me for replying. What process is being executed when you close and reopen an instance? (Are you deleting the current instance and creating a new instance? Or are you suspending and resuming the application itself?).

6

Hi George,

Thanks for your follow-up. It turned out that the issue wasn’t with our instance lifecycle at all, but with Google’s PDF embed endpoint blocking our viewer due to restrictive CSP/X-Frame headers. We’ve since switched to a client-side PDF.js implementation, removed the header conflicts, and everything loads reliably now. There’s no problem with the package itself.

Thank you again for your prompt reply and for the package—you’ve been a great help!

Best,
Hadi

1 Like
7

I tested the VR sample project, and whenever we switch to full-screen YouTube video and come back to the original view, the video pauses automatically. Even after playing it again, it keeps pausing.

8

I apologize for the late reply. I have posted a message on the issue you created, so I would appreciate it if you could take a look.

9

v1.0.8 Released

We have released TLabWebView v1.0.8. This release fixes an issue where artifacts occurred when scrolling down the page while using WebView (Chromium) as the browser engine. This has been an ongoing issue since last year, and we would love to hear your feedback on whether this update has resolved the problem for you.