Android Question WebRtc and WebView

Marcos Alves · Oct 23, 2018

Hello all,

this thread was suggested by @Erel , after fixed a https problem in a webview in this https://www.b4x.com/android/forum/threads/problem-with-https-and-webview.98535/#post-620911 ...

Ok, let's go: I'm trying to open a site similar to this: https://rtcmulticonnection.herokuapp.com/demos/Video-Conferencing.html ... in a webview.

But when clicking the "open room" button in the webview there is no result, besides this woks fine in smartphone browser. I thought that WebView behavior was something similar to a embedded browser in an app, but it looks that there are some limitations.
If I could run this site would get at least a great advantage of reusing the same code for web and app... could anybody help me?

Thanks!

Erel · Oct 23, 2018

The attached example successfully starts a WebRTC session with: https://janus.conf.meetecho.com/echotest.html

Marcos Alves · Oct 23, 2018

Erel said:
The attached example successfully starts a WebRTC session with: https://janus.conf.meetecho.com/echotest.html

Thanks @Erel ... I tested the sample with janus and worked fine but doesn't work with https://rtcmulticonnection.herokuapp.com/demos/Video-Conferencing.html ... nothing happens when clicking the Open Room button. It looks that it's something related to the javascript... how can I debug?

Erel · Oct 24, 2018

Test it with other WebRTC servers. Hopefully they will provide more information.

Make sure to monitor the unfiltered logs.

Marcos Alves · Oct 30, 2018

Erel said:
Test it with other WebRTC servers. Hopefully they will provide more information.

Make sure to monitor the unfiltered logs.

Thanks @Erel . I noticed that the problem was in javascript: something that runs on mobile browser doesn't in webview, I didn't find exactly what but I wrote a new JS and worked! A good tool in this situations could be a way to debug js in webview: is there some?

Erel · Oct 31, 2018

Marcos Alves said:
A good tool in this situations could be a way to debug js in webview: is there some?

You should start a new thread for a new question.

KingEdem · Dec 9, 2018

Erel said:
The attached example successfully starts a WebRTC session with: https://janus.conf.meetecho.com/echotest.html

I am getting error while compiling WebRTC:

Generating R file. Error
invalid resource directory name: D:\WebRTC\B4A Samples\Objects\bin\extra\res1\res/values-b+sr+Latn

DonManfred · Dec 9, 2018

You should never post in an existing thread. Always start a new thread for your question.

deantangNYP · Jan 10, 2019

got this error when i select [start] in the app. What does it mean?
Thanks

Songwut K. · Apr 22, 2020

May be integrate with own Jitsi WebRTC Opensouce Conference server.

giada · Jan 14, 2021

Erel said:
The attached example successfully starts a WebRTC session with: https://janus.conf.meetecho.com/echotest.html

Hi Erel,
i try your example on B4XPages but i have problem with the permission, the code is the same...what's the problem?

B4X:

#Region Shared Files
#CustomBuildAction: folders ready, %WINDIR%\System32\Robocopy.exe,"..\..\Shared Files" "..\Files"
'Ctrl + click to sync files: ide://run?file=%WINDIR%\System32\Robocopy.exe&args=..\..\Shared+Files&args=..\Files&FilesSync=True
#End Region

'Ctrl + click to export as zip: ide://run?File=%B4X%\Zipper.jar&Args=Project.zip

Sub Class_Globals
    Private Root As B4XView
    Private xui As XUI
    
    Private rp As RuntimePermissions

    Private WebView1 As WebView
End Sub

Public Sub Initialize
End Sub

'This event will be called once, before the page becomes visible.
Private Sub B4XPage_Created (Root1 As B4XView)
    Root = Root1
    Root.LoadLayout("MainPage")
    
    rp.CheckAndRequest(rp.PERMISSION_CAMERA)
    Wait For Activity_PermissionResult (Permission As String, Result As Boolean)
    If Result Then
        rp.CheckAndRequest(rp.PERMISSION_RECORD_AUDIO)
        Wait For Activity_PermissionResult (Permission As String, Result As Boolean)
        If Result Then
            Dim client As JavaObject
            client.InitializeNewInstance(Application.PackageName & ".main$MyChromeClient", Null)
            Dim jo As JavaObject = WebView1
            jo.RunMethod("setWebChromeClient", Array(client))
            
            WebView1.LoadUrl("https://janus.conf.meetecho.com/echotest.html")

        End If
    End If
End Sub

'You can see the list of page related events in the B4XPagesManager object. The event name is B4XPage.

Sub Button1_Click
    WebView1.LoadUrl("https://janus.conf.meetecho.com/echotest.html")
End Sub

#if Java
import android.webkit.*;
public static class MyChromeClient extends WebChromeClient {
@Override
     public void onPermissionRequest(PermissionRequest request) {
        request.grant(request.getResources());
    }
}
#End If

Erel · Jan 15, 2021

Wait For B4XPage_PermissionResult (...

giada · Jan 15, 2021

Erel said:
Wait For B4XPage_PermissionResult (...

thank's, now the permission is ok but i have an error on "MyChromeClient"

B4X:

b4xmainpage$ResumableSub_B4XPage_Createdresume (java line: 120)
java.lang.ClassNotFoundException: b4a$example$main$MyChromeClient
    at java.lang.Class.classForName(Native Method)
    at java.lang.Class.forName(Class.java:454)
    at java.lang.Class.forName(Class.java:379)
    at anywheresoftware.b4j.object.JavaObject.getCorrectClassName(JavaObject.java:273)
    at anywheresoftware.b4j.object.JavaObject.InitializeNewInstance(JavaObject.java:83)
    at b4a.example.b4xmainpage$ResumableSub_B4XPage_Created.resume(b4xmainpage.java:120)
    at anywheresoftware.b4a.BA.checkAndRunWaitForEvent(BA.java:267)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:207)
    at anywheresoftware.b4a.keywords.Common$11.run(Common.java:1178)
    at android.os.Handler.handleCallback(Handler.java:883)
    at android.os.Handler.dispatchMessage(Handler.java:100)
    at android.os.Looper.loop(Looper.java:237)
    at android.app.ActivityThread.main(ActivityThread.java:8107)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:496)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1100)
Caused by: java.lang.ClassNotFoundException: b4a$example$main$MyChromeClient
    ... 16 more
b4xmainpage$ResumableSub_B4XPage_Createdresume (java line: 120)
java.lang.ClassNotFoundException: b4a$example$main$MyChromeClient
    at java.lang.Class.classForName(Native Method)
    at java.lang.Class.forName(Class.java:454)
    at java.lang.Class.forName(Class.java:379)
    at anywheresoftware.b4j.object.JavaObject.getCorrectClassName(JavaObject.java:273)
    at anywheresoftware.b4j.object.JavaObject.InitializeNewInstance(JavaObject.java:83)
    at b4a.example.b4xmainpage$ResumableSub_B4XPage_Created.resume(b4xmainpage.java:120)
    at anywheresoftware.b4a.BA.checkAndRunWaitForEvent(BA.java:267)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:207)
    at anywheresoftware.b4a.keywords.Common$11.run(Common.java:1178)
    at android.os.Handler.handleCallback(Handler.java:883)
    at android.os.Handler.dispatchMessage(Handler.java:100)
    at android.os.Looper.loop(Looper.java:237)
    at android.app.ActivityThread.main(ActivityThread.java:8107)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:496)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1100)
Caused by: java.lang.ClassNotFoundException: b4a$example$main$MyChromeClient
    ... 16 more

Is related to ".main$MyChromeClient" and instead i have a b4xpages?

giada · Jan 15, 2021

i have solved, i put java code in Main and all works

giada · Feb 2, 2021

Hi Erel,
i have a problem on the example : the local stream is ok but in the remote stream video(audio is ok) in not working, i have a permanent loader...i try to call the page from chrome and here works, what's the problem?
thanks
I also tested the example on another device and works, what can i do?

Erel · Feb 2, 2021

Hard to say. Sounds like an issue with the native WebView support for RTC.

giada · Feb 2, 2021

I found a similar problem integrating jitsi on a webview: a meet with 2 partecipant works, adding other partecipant put the video of all partecipant on pause, only putting one partecipant on the foreground works it's video, can you suggest me something?

giada · Feb 3, 2021

SOLVED! Adding this instruction

B4X:

WebViewSetting1.setMediaPlaybackRequiresUserGesture(WebView1,False)

i have no problem on audio and video multiconference

Android Question WebRtc and WebView

Marcos Alves

Well-Known Member

Erel

B4X founder

Attachments

Marcos Alves

Well-Known Member

Erel

B4X founder

Marcos Alves

Well-Known Member

Erel

B4X founder

KingEdem

Member

DonManfred

Expert

deantangNYP

Active Member

Attachments

Songwut K.

Member

giada

Member

Erel

B4X founder

giada

Member

giada

Member

giada

Member

Erel

B4X founder

giada

Member

giada

Member