B4A Class [B4X] [XUI] Audio Wave

For a while now I've been looking for an animation to represent some sort of ai talking but couldn't find anything beside videos and gifs. I wanted something that can be usable in an app, so I came across with this project on github which is close enough for what I wanted but it was written in javascript which I know very little, but I managed to translate it to b4j and later to a b4x class.

NOTE: I only translated the one in the left (no colors). It shouldn't be that hard to add the one in the right, I will try in the future.

How to use it:
(Add the siriview.bas class into the project)

Sub Globals
    Private canvas1 As B4XCanvas
    Private lblC As Label
End Sub

Sub Activity_Create(FirstTime As Boolean)
    Activity.Color = Colors.White
    lblC.Initialize("")
    Activity.AddView(lblC,0,80%y,100%x,100%y-80%y - 20dip)
    canvas1.Initialize(lblC)
    Dim siriV As siriview
    siriV.Initialize(5) 'the refresh rate depends on the device, on pc 20 is fine but on android, 5 seems fine
    siriV.SiriWaveFunc(canvas1,lblC.Width, lblC.Height,1,1,0.12,6,0.005, 0.05,46,46,46,True)
    Sleep(5000)
    siriV.siriwave_setAmplitude(0.01)
    Sleep(1000)
    siriV.siriwave_setAmplitude(0.8)
End Sub

You can also set amplitud, set speed, start and stop.

Only tested in b4a and b4j.

As a first attempt it was close enough, what I'm looking for is something like this. (I just realize you need a pinterest account to see it)

EDIT: Performance is not very good, I'm looking for a solution.

 

[klaus]

I had a look at your project.
I would suggest you to make an XUI CustomView out of it, which means one unique SiriView.bas file valid for all three products.
You could then add the SiriView in the Designer like any other view.

 

[jtare]

I would suggest you to make an XUI CustomView

Thanks for the suggestion, I will look in the forum how to do it.

 

[klaus]

You could have a look at the B4X CustomViews booklet. It doesn't cover XUI yet.
You can have a look at the xRotaryKnob project, it is still in progress.

 

[KMatle]

Another one: Don't call it "Siri" as the name is owned by Apple

 

[jtare]

name is owned

I changed the title

 

[Star-Dust]

Another one: Don't call it "Siri" as the name is owned by Apple

Better if you remove the word Apple and ios from your post because they are owned by Apple inc. (C)

All trademarks used in this message are owned by Apple inc. (C)

 

[Multiverse app]

This is very, very nice work!
Are there any updates?

 

[jtare]

Are there any updates?

Unfortunately there are no new updates. I could not figure out how to get a consistent frame rate.

 

[Multiverse app]

Just Added your class to one of our apps, it looks very good

 

[jtare]

Just Added your class to one of our apps, it looks very good
View attachment 80708 View attachment 80709

Looks amazing! Thank you very much for using it, I appreciate it a lot. I'm glad you liked it.

 

[ilan]

i wanted to try the Class but siriwave is missing. where can i get it please?

 

[Star-Dust]

i wanted to try the Class but siriwave is missing. where can i get it please?

In the first post there is the .bas file

 

[ilan]

In the first post there is the .bas file

I import the bas file but i get an error

 

[Star-Dust]

Have you checked the XUI library?

 

[jtare]

I import the bas file but i get an error

What error are you getting?

 

[ilan]

Have you checked the XUI library?

yes you where right i forgot to check the xui library. so i did it but i dont see anything when the app runs.
i am trying it on b4j.