webview with setWebChromeClient android

[yclau]

I'm using web view to display youtube with full screen in android , and i try doing research and find

this link . After I try code , but show out the error message

Cannot convert object to Landroid/webkit/WebChromeClient; at index 0
javascript

var page; 

exports.onNavigatingTo = function (args) {
    page = args.object;
    var webview = page.getViewById("webview");  
    webview.src = ""; 
} 

exports.onWebViewLoaded = function (webargs) { 
        var page = webargs.object.page; 
        var webview = webargs.object;   
            var myWebChromeClient = android.webkit.WebChromeClient.extend({
                onShowFileChooser: function () {
                    alert("Test");
                    return true;
                }
            });
            webview.android.setWebChromeClient(myWebChromeClient); 
}

XML

<Page 
    xmlns="http://schemas.nativescript.org/tns.xsd" actionBarHidden="true" navigatingTo="onNavigatingTo">
    <GridLayout rows="auto, *" columns="*" class="background-color">
        <GridLayout height="50" class="header-mainblue" columns="50, * , 50">
			<Button text="&#xf060;" tap="onGoBack" class="btn-mainblue fa" />
			<Label text="Tutorial" horizontalAlignment="center" verticalAlignment="center" color="#ffffff" class="h3" paddingTop="5" col="1" textWrap="true"/>
		</GridLayout>
        <GridLayout rows="*" columns="*" row="1"> 
           
                <WebView id="webview" loaded="onWebViewLoaded" /> 
            
        </GridLayout>
    </GridLayout>
</Page>

[tsonevn]

HI @yclau,
After extending the WebChromeClient class, you should create a new instance of the newly created class and then set it up to the WebView. For example:
JavaScript

exports.onNavigatingTo = function (args) {
    var page = args.object;
    var webview = page.getViewById("webview");  
    webview.src = ""; 
} 

exports.onWebViewLoaded = function (webargs) { 
        var page = webargs.object.page; 
        var webview = webargs.object;   
        let myWebChromeClientClass = android.webkit.WebChromeClient.extend( {
            onShowFileChooser: () => {
                console.log("Test");
            }
        });
        let myWebChromeClient = new myWebChromeClientClass();
        webview.android.setWebChromeClient(myWebChromeClient); 
}

For further questions, please use our forum or StackOverflow thread.

[yclau]

Hi @tsonevn ,

Thank you for helping, may i know how to do full screen youtube using web view?

[tsonevn]

HI @yclau,
You can review this thread in our forum.
For further help please use the forum or our StackOverflow thread.

[yclau]

Hi @tsonevn ,

what I try error show below

ShowCustomView(View,CustomViewCallback) is already defined in class WebChromeClient_page_21_65_
public void onShowCustomView(android.view.View param_0, android.webkit.WebChromeClient.CustomViewCallback param_1) {
^
/Users/Documents/Project/platforms/android/app/src/main/java/com/tns/gen/android/webkit/WebChromeClient_page_21_65_.java:36: error: method onShowCustomView(View,int,CustomViewCallback) is already defined in class WebChromeClient_page_21_65_
public void onShowCustomView(android.view.View param_0, int param_1, android.webkit.WebChromeClient.CustomViewCallback param_2) {

            ^

var page;   
var webViewModule = require("ui/web-view");
var mDefaultVideoPoster;
var mVideoProgressView;

exports.onNavigatingTo = function (args) {
    page = args.object;
    webview = page.getViewById("webview");
   // webview.src = config.Tuto;
}

exports.onGoBack = function (args) {
    func.GoBackPage();
}

exports.onWebViewLoaded = function (webargs) {
    var page = webargs.object.page;
    var webView = webargs.object;
    let myWebChromeClientClass = android.webkit.WebChromeClient.extend({
        onShowCustomView: (view, requestedOrientation, callback) => {
            this.onShowCustomView(view, callback)
        },
        onShowCustomView: (view, callback) => { 
            if (mCustomView != null) {
                callback.onCustomViewHidden();
                return;
            }
            mCustomView = view;
            webView.setVisibility(View.GONE);
            customViewContainer.setVisibility(View.VISIBLE);
            customViewContainer.addView(view);
            customViewCallback = callback;
        },
        getVideoLoadingProgressView: () => {
            if (mVideoProgressView == null) {
                var inflater = LayoutInflater.from(MyActivity.this);
                mVideoProgressView = inflater.inflate(R.layout.video_progress, null);
            }
            return mVideoProgressView;
        },
        onHideCustomView: () => { 
            if (mCustomView == null)
                return;

            webView.setVisibility(View.VISIBLE);
            customViewContainer.setVisibility(View.GONE);

            // Hide the custom view.
            mCustomView.setVisibility(View.GONE);

            // Remove the custom view from its container.
            customViewContainer.removeView(mCustomView);
            customViewCallback.onCustomViewHidden();

            mCustomView = null;
        },
    });
    let myWebViewClient = android.webkit.WebViewClient.extend({
        shouldOverrideUrlLoading: (view, url) => {
            return this.shouldOverrideUrlLoading(view, url);
        }
    });

    mWebViewClient = new myWebViewClient();
    webView.setWebViewClient(mWebViewClient);

    var mWebChromeClient = new myWebChromeClientClass();
    webView.android.setWebChromeClient(mWebChromeClient);
    webView.android.getSettings().setJavaScriptEnabled(true);
    webView.android.getSettings().setAppCacheEnabled(true);
    webView.android.getSettings().setBuiltInZoomControls(true);
    webView.android.getSettings().setSaveFormData(true);
    webView.android.loadUrl("http://youtube.com"); 
}

[gabrielsmelo]

Hey @yclau,

Did you managed it? How did you did to overcome this issue?