WebView Doesn't Work in Compiled Plugins and Stand-alone Apps

clevername27

EDIT: Works great now. I don't know if I simply wasn't doing it right, or it started working in later versions.

All you get is a solid white screen when rendering either a remote or local html page. There are many other bugs with WebView, but that is the most serious. (macOS; Ventura; M2; Xcode 14)

dxmachina

Finding the same thing here using latest development branch. Tried standalone and plugin builds on macOS.

Is this feature still supported?

Christoph Hart

Yes but it‘s supposed to load embedded data - you can‘t just give it an external URL. There was someone posting an example on how to hack it to load external content but I can‘t find it.

dxmachina

@Christoph-Hart I was simply trying to load similar to your example code:

const var f = FileSystem.getFolder(FileSystem.AudioFiles).getParentDirectory().getChildFile("Images/index.html");
 WebView1.set("enableCache", false);
 WebView1.reset();
 WebView1.setIndexFile("Images/index.html");

Working in editor, but blank white screen on all build types (on mac anyway).

Or is that still wrong on my end?

clevername27

@dxmachina @Christoph-Hart I did manage to get it working for external websites. On macOS (I don't have Windows or GNU/Linux), it works flawlessly. I'll mark as solved.

dxmachina, this goes somewhere in your script; the component is the HISE web browser.

const var web_DOCS_CoreHTML_GUI = Content.getComponent("web_DOCS_CoreHTML_GUI");

// ------------- CoreHTML Stuff

// This file has the redirect to the internet.
var startingPage = FileSystem.getFolder(FileSystem.AudioFiles).getParentDirectory().getChildFile("Images/html/index.html");

web_DOCS_CoreHTML_GUI.set("enableCache", true);
web_DOCS_CoreHTML_GUI.reset();
web_DOCS_CoreHTML_GUI.setIndexFile(startingPage);

And then the html file, use a meta-tag to redirect:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Plugin Build Information</title>
<meta http-equiv="refresh" content="0; URL=https://www.hise.dev" />
<style>
h1, h2, h3 {
	color: #9b64d0;
}
</style>
</head>
<body>
</body>
</html>

aaronventure

@clevername27 that's a cool trick, thanks!

dxmachina

@clevername27 Thank you.

Just for clarity, in case anyone else is making rookie mistakes like myself. The main issue for me (just using embedded webview) was:

WebView1.set("enableCache", false);

This had to be set to true in builds or you otherwise end up with just a blank webview in your app/plugins. To be fair, this is in the docs.

DabDab

@dxmachina Hi, I have tried both Enable cache and Disable cache. Everytime it is ended with White.

Sometimes HISE unable to compile. I had to reload the project > Enable cache . Disable cache to get rid off the error something "external file"

DabDab

Error. Not being compiled.

C:\Users\Rdx\Desktop\WebViewExample\Binaries\Source\Plugin.cpp(10,1): error C2039: 'externalFiles': is not a member o
f 'PresetData' [C:\Users\Rudra\Desktop\WebViewExample\Binaries\Builds\VisualStudio2022\GanpatiGif_SharedCode.vcxproj]
      C:\Users\Rdx\Desktop\WebViewExample\Binaries\Source\PresetData.h(6,11):
      see declaration of 'PresetData'

C:\Users\Rdx\Desktop\WebViewExample\Binaries\Source\Plugin.cpp(10,1): error C2065: 'externalFiles': undeclared identi
fier [C:\Users\Rdx\Desktop\WebViewExample\Binaries\Builds\VisualStudio2022\GanpatiGif_SharedCode.vcxproj]
C:\Users\Rdx\Desktop\WebViewExample\Binaries\Source\Plugin.cpp(10,1): error C2039: 'externalFilesSize': is not a memb
er of 'PresetData' [C:\Users\Rdx\Desktop\WebViewExample\Binaries\Builds\VisualStudio2022\GanpatiGif_SharedCode.vcxpro
j]
      C:\Users\Rdx\Desktop\WebViewExample\Binaries\Source\PresetData.h(6,11):
      see declaration of 'PresetData'

C:\Users\Rdx\Desktop\WebViewExample\Binaries\Source\Plugin.cpp(10,1): error C2065: 'externalFilesSize': undeclared id
entifier [C:\Users\Rdx\Desktop\WebViewExample\Binaries\Builds\VisualStudio2022\GanpatiGif_SharedCode.vcxproj]

clevername27

@DabDab Does that mean you've solved the issue, or that you've pin-pointed it?

DabDab

@clevername27 I am confused, when I am enabling cache false by

WebView1.set("enableCache", false);

It is being compiled but DAW not showing the plugins. Only White Canvas Webview.

And when I enable cache to true

WebView1.set("enableCache", true);

it ends up with the above error.

Adam_G

getting the same issue as @DabDab

dxmachina

@DabDab @Adam_G

I have no issue compiling my plugin with webview on Mac/PC.

I'm wondering is this related to the specific example you're trying to compile? I have not attempted to compile the example preset browser.

Maybe just try a simpler test with some html/css and a binding?

DabDab

@dxmachina Can you send me your Example Snippet ?

Adam_G

@DabDab did you ever get a resolution for this? my webview is working on one computer but not the other with seemingly the same setup. im a bit lost haha

DabDab

@Adam_G I have updated to the latest commit where I am having same Webview White Box in Compiled plugins. Additionally there is no CSS Auto completion and suggestion. I don't know what's going on.
https://forum.hise.audio/topic/10570/css-auto-suggestion-completion-not-working-in-latest-commit-8cdac4eb

Solved WebView Doesn't Work in Compiled Plugins and Stand-alone Apps

34

1.8k

10.2k

89.6k