Debug IONIC 6 - Angular - Android video player app

Job ID: 35815573

Budget: ₹12,500 – ₹37,500 INR

I have IONIC 6 - Angular app deployed on Android that has a video player NGX Videogular embdded within it to play either downloaded videos or those from a CDN.

However, the UI janks after sometime. I think Android simply freezes the UI frame. Only if I perform some action on the app like touching or scrolling the app, the video plays otherwise freezes up completely.

I am not an expert in Android - UI Jank - debugging. With whatever I could search and come up, I was able to enable Hardware rendering on the device and started seeing UI debug bars within the app.

How do I do deeper analysis to find the issue within the app? If the community would be kind enough to help us with a direction, tool, suggestion, optimization, etc., it will be of supreme help. I am stuck with this issue for 3 months now and discovered UI Jank to be a possible cause only a few days ago.

For reference you can check the following links: It could be either of the two following issues:

https://stackoverflow.com/questions/74918260/ngx-videogular-ionic-6-video-player-issue-video-freezes-sound-continues-playing

https://stackoverflow.com/questions/74920931/ionic-6-angular-app-android-ui-jank-slow-rendering-issue