Android Question HTML5 Wrapper Screen Problem

[khwarizmi]

Hello all

Using this sample I converted an HTML5 project designed by a Storyline into apk .
A problem appeared in the screen as it appears to be defective on most devices as follows:

this is my code:

If File.Exists(File.DirInternal & "/lsn", "") = False Then
        ' The HTML5 file is first a zip file in DirAssets
        File.MakeDir(File.DirInternal,"lsn")
        Dim myZip As ABZipUnzip
        File.Delete(File.DirInternal,"1.zip")
        File.Copy(File.DirAssets , "1.zip",File.DirInternal,"1.zip")
        myZip.ABUnzip(File.DirInternal & "/1.zip" , File.DirInternal & "/lsn/")
        File.Copy(File.DirAssets , "1.zip",File.DirInternal,"1.zip")
        
    End If
    wv.Initialize("wv")
    
    wve.addWebChromeClient(wv,"wve")
    wvs.setAllowFileAccess(wv,True)
    wvs.setAppCacheEnabled(wv,True)
    wvs.setDOMStorageEnabled(wv,True)
        
    Activity.AddView(wv,0,0,100%x,100%y) 
    wv.LoadUrl("file:///" & File.DirInternal & "/lsn/story_html5.html")
    
    wv.ZoomEnabled=True
   ime1.Initialize("ime1")
   ime1.AddHeightChangedEvent
   Dim jo As JavaObject = Activity
   jo.RunMethodJO("getContext", Null).RunMethodJO("getWindow", Null).RunMethod("setSoftInputMode", _
     Array As Object(0x20))

 

[amidgeha]

If you can download this project to look at

 

[khwarizmi]

If you can download this project to look at

this is the complete project:

 

[amidgeha]

Go to manifest editor and change targetSdkVersion=29
You need to reference a newer version of android.jar (Tools - Configure Paths).

 

[khwarizmi]

thanks you for help @amidgeha

 

[amidgeha]

Did it work?

 

[khwarizmi]

thanks @amidgeha , the screen problem has been resolved, but a problem appears when I press some buttons and when playing some videos, even though I updated the android.jar and the sdk.

when I press lesson name button in the first page:

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. in file:///data/user/0/com.ar.two/files/lsn/mobile/player_compiled.js (Line: 1897)

when I press the video button:

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. in file:///data/user/0/com.ar.two/files/lsn/mobile/player_compiled.js (Line: 1897)

 

[amidgeha]

thanks @amidgeha , the screen problem has been resolved, but a problem appears when I press some buttons and when playing some videos, even though I updated the android.jar and the sdk.

when I press lesson name button in the first page:

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. in file:///data/user/0/com.ar.two/files/lsn/mobile/player_compiled.js (Line: 1897)

when I press the video button:

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. in file:///data/user/0/com.ar.two/files/lsn/mobile/player_compiled.js (Line: 1897)

Add this to your manifest:
SetApplicationAttribute(android:usesCleartextTraffic, "true")

 

[khwarizmi]

Unfortunately the problem still persists ?