BLUI Open Source HTML5/JS/CSS HUD/UI

[quote=“Pugsleh, post:577, topic:20338”]

Thanks for this! Can you update the BluiWorldWidgetActorExample to accept mouse and keyboard input by default?

It’s open source, if you think a feature is needed, fork it and make a pull request to get the change included :). I’ve also enabled https://github.com//BLUI/issues on the fork so you can add requests and bugs you find with the fork there, which is easier for me to track.

@ While I agree the effort to build CEF is ridiculous, its also as I discovered… Unnecessary! I’ve successfully built working Mac binaries by patching the BluBrowser code and using the prebuilt versions of CEF that are able to be simply downloaded and compiled against. I’ve also looked at the Web-UI plugin, but since my usage of BLUI involves actors in the world, the WebUI plugin basically required me to rebuild everything from scratch making my own base actors and and substituting these in for the ones I’m already using and was not worth using. I’m sure it will useful to others, but its something to keep in mind if your usage of BLUI isn’t restricted to UMG/Widget/UI usages.

@ I’ll have to submit some of my work to your branch once I’ve got time to clean it up. I’ve got my Mac Binaries and the changes it took to build BluBrowser against the current versions of prebuilt CEF binaries, plus a rough script to download CEF & put everything in the right folders, I can hopefully clean this up and get useful for others some time in early December. I want to try and work on including the BluBrowser components into the single repo to simplify the build scripts even further, but I don’t yet know enough about the UE4 build pipeline to know how well it will handle the process of building a separate binary for the third party binaries directory.

How can I use mouse events?I can’t click on the web page.I’m looking forward to your answer.

Hi there,
any possibility to render pdf directly from this plugin?
Anyone has experience?
Thanks in advance!

This looks fantastic. What platforms does it run on?

I’m trying to make the mouse wheel to work, and i even try see one exemple from the version 2.1, but there’s no example there.
Any advise?

By the time of me writing this comment, the Pluggin does not work, and it seems that it will not get anymore support aside from the minor fixes between Engine versions.
I was trying to search a way to implement google maps api in order to make a tutorial, since this does not work i am unable to continue my search.
https://github.com//BLUI/issues/14
I had posted this issue to the current developer, two weeks have passed and no answer on if it is fixeble or not.
Video and Sample project:

https:///#!sFcF3SIb!FgJTGGswB…UsOlIhmpHPYhyI

PS: Dev did confirm that this pluggin will not be receiving the fixes mention, you can see our conversation in the github link above.

[quote=“AbleChen, post:580, topic:20338”]

How can I use mouse events?I can’t click on the web page.I’m looking forward to your answer.

me too,i use 4.21.2

Iv notice if you have enabled UE4 “Web Plugin” somehow can cause some troubles. When I do enable WebGL pages still show me that my browser is not supported so after disabling “Web Plugin” they start to work.

Alright, Iv manage to make it work on UE4.22 also recreate demo from 4.6 also add some extra staff. Link for download you will find in the description:

Here is a new demo update: - YouTube Now you can apply BIUI on any mesh with any shape.

Thanks for this great plugin! Unfortunately I got a white screen in my packaged build (4.22, Win10), while it is working in PIE. Do you have any idea?

Update:

Just found out that there is a new (not released version) of BLUI which is working fine.

https://github.com//BLUI/issues/31

And WebBrowser Plugin from UE4 MUST be disabled

Update

Made a 4.24 update which has been released here: https://github.com//BLUI/releases/tag/3.7.0

This update has a big jump in CEF version (48.0.2556 to 80.0.3987) which should advance the browser features by about 4 years. Keep in mind new default security settings used in CEF may break some things that used to work on earlier versions.

Hi @, thanks for this great release. Unfortunately my UE4 4.24.3 crashes with an EXCEPTION_ACCESS_VIOLATION. It happens when you enabled the UE4 WebBrowser Plugin. Disable it and BLUI works like a charm :slight_smile:




[2020.03.25-17.20.04:796][764]LogWindows: Error: === Critical error: ===
[2020.03.25-17.20.04:797][764]LogWindows: Error:
[2020.03.25-17.20.04:797][764]LogWindows: Error: Fatal error!
[2020.03.25-17.20.04:797][764]LogWindows: Error:
[2020.03.25-17.20.04:797][764]LogWindows: Error: Unhandled Exception: EXCEPTION_ACCESS_VIOLATION 0x4903c100
[2020.03.25-17.20.04:797][764]LogWindows: Error:
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc4903c100 libcef.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc59cc6a18 UE4Editor-Blu.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc59cce873 UE4Editor-Blu.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc45db4986 libcef.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc467e131e libcef.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc467e0695 libcef.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc467e0c9b libcef.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc45da35fe libcef.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc59cb21bc UE4Editor-Blu.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc59cacdb1 UE4Editor-Blu.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d6342e8 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d85a62f UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d87ec61 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d880cd2 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d84edbb UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d8809ef UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d87ec61 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d880cd2 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d84edbb UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d8809ef UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d880cd2 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d84edbb UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d8809ef UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d880cd2 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d880644 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d6342e8 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7d880148 UE4Editor-CoreUObject.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc71c67f18 UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc71c309df UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc71c3c7dd UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc72f3e2e2 UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7234fca5 UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc72368efb UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7236e693 UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc72ee942e UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7236f1d5 UE4Editor-Engine.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7021245c UE4Editor-UnrealEd.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc70232806 UE4Editor-UnrealEd.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7024d285 UE4Editor-UnrealEd.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc6fd1a5f5 UE4Editor-UnrealEd.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffc7057e476 UE4Editor-UnrealEd.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ff6b7f67f62 UE4Editor.exe!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ff6b7f7c3ec UE4Editor.exe!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ff6b7f7c4ca UE4Editor.exe!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ff6b7f8ceae UE4Editor.exe!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ff6b7f8fcbe UE4Editor.exe!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffcd92c7974 KERNEL32.DLL!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error: [Callstack] 0x00007ffcdb03a261 ntdll.dll!UnknownFunction ]
[2020.03.25-17.20.04:797][764]LogWindows: Error:



Hi @, I’m now stumbled into another issue:

Observation: Youtube.com is not loading (see Image)
Working: Open a youtube video by link (See Image 2), but sidebar etc. is not showing up

Do you have any idea?

I can report the same issue in 4.24.
There’s something else of really high value for a lot of people (I assume) which is support for html5 video streaming. Currently opening live video feeds from twitch or youtube shows an error message saying that the browser is not supported.

Looking into the chromium setup it seems to be a codecs issue. Is there any change to use BLUI to watch a live video from youtube in the foreseeable future.
Thanks

Thanks, it’s working perfectly and as expected in 4.24.3.
Compile in windows x64 is working.

[quote=“FloNrek, post:592, topic:20338”]

Hi @, I’m now stumbled into another issue:

Observation: Youtube.com is not loading (see Image)
Working: Open a youtube video by link (See Image 2), but sidebar etc. is not showing up

Do you have any idea?

I noticed this as well. There is a specific error that pops up in the log which leads me to believe it’s being rejected for trying to ‘embed’ the view which the website doesn’t support. This is something newer versions of chromium respect, which I think older ones didn’t. You can still link direct/embeddable youtube videos and they will play.

[quote=“cgiteach, post:593, topic:20338”]

I can report the same issue in 4.24.
There’s something else of really high value for a lot of people (I assume) which is support for html5 video streaming. Currently opening live video feeds from twitch or youtube shows an error message saying that the browser is not supported.

Looking into the chromium setup it seems to be a codecs issue. Is there any change to use BLUI to watch a live video from youtube in the foreseeable future.
Thanks

Codecs have been removed in the past from chromium, so this could be it. Not sure on specifics, I did build a pretty vanilla variant of chromium. Contributions welcome from anyone who can fix it :slight_smile:

[quote=“FloNrek, post:592, topic:20338”]

Hi @, I’m now stumbled into another issue:

Observation: Youtube.com is not loading (see Image)
Working: Open a youtube video by link (See Image 2), but sidebar etc. is not showing up

Do you have any idea?

This should now be fixed in latest master, pull latest to get fix (see https://github.com//BLUI/issues/39 for details on fix)

[quote=“cgiteach, post:593, topic:20338”]

I can report the same issue in 4.24.
There’s something else of really high value for a lot of people (I assume) which is support for html5 video streaming. Currently opening live video feeds from twitch or youtube shows an error message saying that the browser is not supported.

Looking into the chromium setup it seems to be a codecs issue. Is there any change to use BLUI to watch a live video from youtube in the foreseeable future.
Thanks

​​​​​​Unless fixed by https://github.com//BLUI/issues/39, it is likely related to x264 codec not being compiled in by default in chromium. This is the case due to licensing, you’ll need to include it yourself if you’re willing to agree to those codec’s licenses.

The 4.24 version is not being able to compile to 4.24 source version.

Severity Code Description Project File Line Suppression State
Warning CS0618 ‘UnrealBuildTool.ModuleRules.UEBuildBundleResource’ is obsolete: ‘The UEBuildBundleResource class has been deprecated in UE 4.22. Please use the BundleResource class instead.’ C g:\Unreal Projects\C\Plugins\BLUI\Source\Blu\Blu.Build.cs 101

And I get error of Module.h