Android WebView and WebGL

Question

Android WebView: WebGL is not working on some devices

I use Webview in my android application. The task is to add WebGL interactive elements on the screen. Application have minSdk v21. Google announced that they support WebGL in WebView v36. I check WebGL status with html5test.com page and my test web page.

My test setup: Google Nexus 6P - Android 6.0.1, webView v48 - WebGL OK works

Sony Xperia Z2 - Android 5.1.1, webView v48 - WebGL OK works

Samsung Galaxy Note 4 - Android 5.1.1, webView v48 - WebGL OK works

Samsung Galaxy Tab S - Android 5.0.2, webView v48 - WebGL FAILED blank screen

RKM V5 Android TV - Android 5.1.1, webView v39 - WebGL FAILED blank screen

I do not see any info about in Google Developer documentation for android.webkit.WebView element Is there any way to make it possible to work on all devices?

My webView initialization:

    mElementView = new WebView(mContext);
    mElementView.setVerticalScrollBarEnabled(scrollEnabled);
    mElementView.setHorizontalScrollBarEnabled(scrollEnabled);

    mElementView.getSettings().setJavaScriptEnabled(true);
    mElementView.getSettings().setAllowUniversalAccessFromFileURLs(true);
    mElementView.getSettings().setAllowFileAccessFromFileURLs(true);

Update: WebGL works in Chrome browser on all devices, but fails in Galaxy Tab and Android TV webViews

score 8 · Answer 1 · edited Mar 15 '19 at 14:21

Late but I think this will be helpful to someone. In your activity using webView, set this in androidmanifests set: android:hardwareAccelerated="true". And my webView looks like this:

 webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setAllowFileAccess(true);
    webView.getSettings().setPluginState(WebSettings.PluginState.ON);
    webView.getSettings().setDomStorageEnabled(true);
    webView.getSettings().setAllowContentAccess(true);
    webView.getSettings().setLoadsImagesAutomatically(true);
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
        webView.getSettings().setAllowFileAccessFromFileURLs(true);
    }
    webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

    webView.setWebChromeClient(new WebChromeClient());

For Xamarin, we had to add `[assembly: Application(HardwareAccelerated = true)]` to the top of our WebView renderer source file, and then our webview was able to render WebGL — A. Blodgett, Mar 14 '19 at 23:18

score 1 · Answer 2 · answered Mar 02 '16 at 12:24

this coding working well. try this

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.about);

    mToolbar = (Toolbar) findViewById(R.id.toolbar);
    TextView title=(TextView)findViewById(R.id.toolbar_title);
    title.setText(R.string.about);
    setSupportActionBar(mToolbar);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    webView=(WebView)findViewById(R.id.webView);
    webView.setWebViewClient(new MyBrowser());
    webView.getSettings().setLoadsImagesAutomatically(true);
    webView.getSettings().setJavaScriptEnabled(true);
    webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
    webView.loadUrl(url);
}
private class MyBrowser extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
}
public boolean onOptionsItemSelected(MenuItem item)
{
    switch (item.getItemId()) {
        case android.R.id.home:
            Intent report = new Intent(About.this, MainActivity.class);
            startActivity(report);
            finish();
            break;
        default:
            break;
    }
    return false;
}
@Override
public void onBackPressed() {
    Intent intent=new Intent(About.this,MainActivity.class);
    startActivity(intent);
    super.onBackPressed();
}

Unfortunately, it didn't help me – Slonorib Mar 02 '16 at 12:29 — Slonorib, Mar 02 '16 at 12:29

score 1 · Answer 3 · edited Mar 15 '19 at 14:18

1

Check out this answer. It might be of some help. Otherwise, I would advise you to use the CrossWalk project.

edited Mar 15 '19 at 14:18

CaptainBli

4,121
4
39
58

answered Mar 02 '16 at 12:25

Amit Tiwari

3,684
6
33
75

Thank you, but CrossWalk is too heavy solution for my project – Slonorib Mar 02 '16 at 12:30

Android WebView and WebGL

3 Answers3

Linked