Players unexpectedly stops

[mrtugicom]

• Similar issue: https://github.com/quran/quran.com-frontend/issues
  Player "Loading" requires refresh #1046

• Pull Requests: https://github.com/quran/quran.com-frontend/pulls
  not found

• bug report

• feature request

• other

Bug Report
Just info for devs, when using quran.com and currenty navigate to quran.com/75 - The audio player always loading till I manually refresh the page, and when playing the audio, the player just stop at ayah 10, I am manually pressing the play button again, but the playing ayah still at ayah 10, and never goes next to ayah 11, so I prefer read.quranexplorer.com when I want to hear recitation, quran.com still has nice word by word translation though,

Expected / new behavior:
Just play like expected behavior, the player shows when finish loading the page (dont need manual refresh)
and the player just play till the end of surah by default, or play at certain range on desired options.

Feature Request
I would like the interface to be like having the option to be the common quran with word translation and ayah translation below the arabic line, and also have option to colorize the arabic words by tajweed and somehow showing explanation how to read it (eg: popup) and actually hear the correct recitation in loop with adjustable delay (eg: play buttons popup).

Jazakallahu Khairan.

For issue, please provide steps to reproduce it:

• go to quran.com
• click one surah (75)
• wait the page load
• the player at bottom left side are always loading
• refresh the page
• the player shows up, then play from 1st ayah
• the player stops at 10th ayah
• click the play button to play
• audio from 10th ayah
• stop
• play
• audio from 10th ayah
• stop
• play
• audio from 10th ayah
• stop
• play

Anything else:
MX Linux - XFCE
Chromium - Incognito - Adblock Plus

bug fix suggestion
Immidiately shows player interfaces (buttons & navigation)
Check users download speed by
Asynchronusly auto load few ayah audio and, decide audio quality to actually download, cache the audio but dont play it yet.
When user plays, show loading indicator if audio not ready, or play & load next audio if audio ready, so we can throttle the download speed to save data transfer by default, its nice to put option in the player to full throttle download, so the entire surah will automatically downloaded, or just stream (play/pause on demand) to save the data transfer even more.

feature addition suggestion
I'm from Indonesia, and I appreciate Al Ustadz Adi Hidayat, whom remember the location of the surah (like, this surah, number #, ayah number #, top right, or middle right from the page), so its nice to have consistent line sequence on the page by default, based on the actual mushaf, so users could have some options by that. But still have options to add translation, word translation, transliteration below each arabic line by default or by popup as user preference. Users have option to keep line sequence on resized window, or to keep the font size (image size/spacing) except the line sequence.

We can actually scans the mushaf page by page, and programmatically separate the lines on the scanned image. And we can use the hue using background blend mode and background color in the css code to programmatically adjust the words color by using programmatically generated image mask on each images. So users have color choices. Or we could just bake the image with default color scheme like in commonly found quran with standarized tajweed color.
Or just use image in your currently word by word arabic text, and adjust it to satisfy the feature request.

Its already too long, I will just wait some responses to continue

[carlosdelfino]

I am having similar problems in larger surah, I believe in larger than 10 ayat

[AhmedShab]

I'm keen to work on this issue. Can you assign me to it?