[question] Help with custom renderer & calculations

@thijstriemstra @sundayz Wanted to see if either of you can help me out on a custom renderer. I found other previous issues that showed code examples to setup the CustomRenderer.

So, in short: I got my own renderer running but my issue is that I want to remove the reflections and have the bars come from the bottom up. See screenshots for example:

What I have:

What I want:

Additionally, I wanted to know how can I calculate the percentage of overlap that occurs on the channel peaks splitPeaks, the amount of silence on the mergedPeaks, the percentage of audio on each channel vs the mergedPeaks.

Ultimately, I have a split audio with a customer on left and an agent on the right. I would like to be able to see the stats below. I have no understanding of the audio and decoded audio peaks so I am lost.

Agent: 73% Customer: 27% Overlap: 3% Silence: 4%

And if it’s not too much to ask - how can I use the annotations to create markers similar to this:

Any guidance would be appreciated.

[thijstriemstra]

Just wanted to clarify that " web audio always resamples your audio to 48khz " depends on the sample rate you give to the audio context.

[johnpaulmedina]

Thank you all! I will peak in to those areas of code and try to accomplish what I need.