[Feature request] Signal path UI

[Pheggas]

Hello. I already made one feature request but I'd like to add another one.

I noticed Roon has UI for something like signal traveling / pathing shown in this picture (and other too as google recommends). I'd like to see this feature in Forte as well. I asked for it Navidrome, Plex and other applications too but everyone just ignored it. However I see Forte as very strong competitor in selfhosted music streaming branch.

Good luck!

[kaangiray26]

Hey, I think I can add something like a source audio display that shows the audio format, quality etc.

[Pheggas]

Yeah that would be awesome. Maybe with some fancy icons under certain conditions like Hi-Res lossless audio etc. Maybe I could do design draft? (I'm not a designer but I would do my best)

[kaangiray26]

I think I can read the incoming audio source to check out its format, bitrate etc. I also use forte on my own with a library only with FLAC files 😆

For the icons I like to mainly Bootstrap Icons mainly. I have found these possible icons:

• High Definition Audio
• Standard Definition Audio

But I am open to new designs as well, I like bootstrap icons because I can just use the icons using CSS classes, if you can come up with a nice design that I can just use via a stylesheet I'd be happy to consider adding it.

Thank you!

[Pheggas]

I did a little research and i could do a .svg but i'm not aware of any way to convert it to html like this

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-hd-fill" viewBox="0 0 16 16">
  <path d="M10.53 5.968h-.843v4.06h.843c1.117 0 1.622-.667 1.622-2.02 0-1.354-.51-2.04-1.622-2.04z"/>
  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm5.396 3.001V11H6.209V8.43H3.687V11H2.5V5.001h1.187v2.44h2.522V5h1.187zM8.5 11V5.001h2.188c1.824 0 2.685 1.09 2.685 2.984C13.373 9.893 12.5 11 10.69 11H8.5z"/>
</svg>

[Pheggas]

I never took a look into .svg files but now i did and i realised the code i shared here is stadard in all SVG files. This way i can create some simple SVG in something like Adobe Illustrator share it to you. I'll let you know when i will have it done.

[kaangiray26]

I can now successfully retrieve the bitrate for the file. What do you think about the audio quality ranges?
Should I just label audio files <= 320 kbps as standard quality and audio files with > 320 kbps as high quality?

[Pheggas]

I would do <=128 kbps as LQ, 128>=320<= as SQ, 320>=<=1500 kbps as HQ, and 1500> as Hi-Res which i will design an icon for.

[kaangiray26]

I see, for the design btw a HTML button with a LQ/SQ/HQ text would also suffice I think

[Pheggas]

As you can now read the bitrate, you could maybe show the exact bitrate that's on that song?

[kaangiray26]

I've added a feature to show the quality under the desktop player track title and if you click the quality indicator a modal will pop up showing various information about the audio data.

[kaangiray26]

I'll close the issue if this suffices for you.

[Pheggas]

I'll give it a spin and see. But till then i will close the issue as it's been added. Thank you.