[Bug]: Audio Component Rendering Issue on UI - Githubissues

tattle-made / DAU

MCA Tipline for Deepfakes

GNU General Public License v3.0

6 stars 0 forks source link

[Bug]: Audio Component Rendering Issue on UI #121

Closed aatmanvaidya closed 4 weeks ago

aatmanvaidya commented 1 month ago

The Audio Component is not getting rendered properly on Chromium based browsers (Brave/ Chrome/ Arc).

See below screenshots for the Bug

In the Feed Table

Inside the Media Details page

The component is not getting rendered at all in the popup of the media details page.

aatmanvaidya commented 1 month ago

Solution

Adjust width of the component

In the core_components.ex file, make changes at

Line 624 - <audio class="w-64" controls>

Line 667 - remove the width so that the audio can be rendered in the popup

      <audio controls>
        <source src={@url} type="audio/ogg" />
        <source src={@url} type="audio/mpeg" />
      </audio>

Below are the fixed screenshots of the issue