Android Question play audio file inside webview?

[ilan]

hi

i am trying to play a local audio file inside my webview but the file is not loaded.
i am able load the file from url but i want to allow the user to download the file and play it if he has not internet connection (offline play)

i use this in my webview:

<!DOCTYPE html>
    <html lang="en">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <head>
        <meta charset="UTF-8">
         <title>${title}</title>
    </head>
    <body>
        <div id="main">
            <img id="img" src="data:image/jpg;base64, ${base64image}"/>
            <div>
                <audio controls controlsList="nodownload" id="audioplayer">
                    <source src="${url}" Type="audio/mp3"> <------ HERE IS THE URL
                </audio>
            </div>
        </div>
    </body>
    </html>
    "$

i pass the url to the html code and try to play it.

the file url i get like this:

        Dim url As String = xui.FileUri(File.Combine(xui.DefaultFolder,"mp3"),m.Get("filename"))
        Log("fileurl: " & url)

the log looks like this:

fileurl: file:///data/user/0/www.sagital.halachaan/files/mp3/9InfwtcS.mp3

but the player looks like it is not able to load the file (it is grey)

before i load the player i make sure that the file exists in the folder (xui.DefaultFolder)


if i load it from online url it works.

i read that it is not possible to access local files from webview but i dont think it is true since i can do it with images but audio files do not work. maybe the url is not correct?

thanx

 

[JohnC]

Is your app using the FileProvider (including manifest edits) so that it can properly share the file via a URI?

[class] FileProvider - share files

Edit: FileProvider is included as an internal library now. After investigating several issues with the current FileProvider code that you can find in the forum, I decided to make some improvements and implement it in a class. Starting from Android 7 (API 24) you cannot directly share file uris...

www.b4x.com

I think this post might relate to your issue:

Including images from xui.DefaultFolder in a Webview local page

I'm trying to include an image located in the xui.DefaultFolder in a locally created webpage as shown in the following code: Sub Button1_Click File.Copy(File.DirAssets,"test.png",xui.DefaultFolder,"xyz.png") Log("Copied file") 'How do I refer to the file xyz.png in the html...

www.b4x.com

 

[ilan]

Is your app using the FileProvider (including manifest edits) so that it can properly share the file via a URI?

[class] FileProvider - share files

Edit: FileProvider is included as an internal library now. After investigating several issues with the current FileProvider code that you can find in the forum, I decided to make some improvements and implement it in a class. Starting from Android 7 (API 24) you cannot directly share file uris...

www.b4x.com

I think this post might relate to your issue:

Including images from xui.DefaultFolder in a Webview local page

I'm trying to include an image located in the xui.DefaultFolder in a locally created webpage as shown in the following code: Sub Button1_Click File.Copy(File.DirAssets,"test.png",xui.DefaultFolder,"xyz.png") Log("Copied file") 'How do I refer to the file xyz.png in the html...

www.b4x.com

thanx a lot using file provider worked for b4a.

now how do i use it for b4i?

thank you

 

[JohnC]

I have not tried to do this in a B4i app yet.

 

[Erel]

Code to show local image file: https://www.b4x.com/android/forum/threads/b4x-use-webview-to-show-large-images.102910/#content

 

[ilan]

Code to show local image file: https://www.b4x.com/android/forum/threads/b4x-use-webview-to-show-large-images.102910/#content

thanks Erel, will it also work with file.dirdocuments (in b4i)?
should i use this approach or can i use file.provider for b4a?

thank you

 

[ilan]

Code to show local image file: https://www.b4x.com/android/forum/threads/b4x-use-webview-to-show-large-images.102910/#content

hi erel

i tried the code in this thread but it seems like it doesnot work when the file is located in dirdocuments

this is the code i try:

        If File.Exists(File.Combine(xui.DefaultFolder,"mp3"),m.Get("filename")) Then
        Dim url As String = "file://" & File.Combine(File.Combine(xui.DefaultFolder,"mp3"),m.Get("filename"))
        Log(url)

log:

file:///var/mobile/Containers/Data/Application/4CB9FCFC-BFEC-46AA-AC2A-37492333BB6B/Documents/mp3/J5vK0T9y.mp3

i tried in debug and release mode. both does not load the audio file.
for b4a i use file provider and it works fine.
i store the audio file in shared folder and load it from there but in b4i i am not able to load the file via html in my wenview.

any ideas what i am doing wrong?

thank you

 

[Erel]

I wasn't able to get it working. You can instead use a hidden VideoPlayer or AVPlayer directly. You will need to create your own interface but it shouldn't be too complicated.

You can do a similar thing with B4A ExoPlayer.

 

[ilan]

ok thank you Erel
at least in b4a it is working with file provider.

 

[ilan]

I wasn't able to get it working. You can instead use a hidden VideoPlayer or AVPlayer directly. You will need to create your own interface but it shouldn't be too complicated.

You can do a similar thing with B4A ExoPlayer.

i would like to keep using webview because of other reasons that make it easier for me , anyway small update,
after few hours of searching and experimenting i was able to get it to work on b4i too.

so b4a i use file provider and it works fine
in b4i i just store the downloaded file to File.DirTemp folder and it works fine. i am able to play the audio file offline.

i am aware of this warning:

but it works now and what i also can do is download the file to dirdocuments and if file does not exists anymore in filedirtemp i can copy it again from dirdocuments.
but i will see if it get deleted or not and decide if i will make the check and copy files because i dont really want to hold space on the phone ssd if it is not necessary

thank you Erel