Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 29, 2020 at 4:14 am #1226293
    Ebonknox

    We use the standard wordpress audio player on our Enfold-based website. One thing we need it to do is to allow the user to move back and forward through the audio file rather than just playing from the start of the file. So you can click, say, halfway along the progress bar and it will take you to that point (after download/buffering delays of course).

    This works with Firefox on a Windows PC, but not with Chrome or Edge, and not on Android or iOS devices.

    Our page is https://www.rhema.cc/replay/

    We set up the following test page on a site that doesn’t use Enfold and it seems to work fine on all platforms/browsers.

    Rhema Replay

    Can you help resolve this please?

    Thanks!

    July 1, 2020 at 8:58 am #1227148
    Ismael

    Hey Ebonknox,

    Thank you for the inquiry.

    Both sites are actually using Enfold but the audio time rail or seeker on one site is not working. According to the following thread, this requires a bit of tweaking in your server configuration.

    // https://stackoverflow.com/questions/9563887/setting-html5-audio-position

    This works on the other site because the server supports or accepts partial content.

    These are the Headers of an mp3 file on the site where time seek is working.

    {"Response Headers (282 B)":{"headers":[{"name":"Accept-Ranges","value":"bytes"},{"name":"Connection","value":"keep-alive"},{"name":"Content-Length","value":"11474902"},{"name":"Content-Range","value":"bytes 196608-11671509/11671510"},{"name":"Content-Type","value":"audio/mpeg"},{"name":"Date","value":"Wed, 01 Jul 2020 06:50:09 GMT"},{"name":"Last-Modified","value":"Wed, 20 May 2020 03:00:45 GMT"},{"name":"Server","value":"nginx/1.14.1"}]}}

    These headers are not available on the other site. And it looks like the issue is common on Cloudflare servers:

    // https://community.cloudflare.com/t/accept-ranges-and-content-length-headers-not-forwarded-by-cloudflare/41445
    // https://community.cloudflare.com/t/accept-ranges-bytes/21357

    Please contact your hosting or CDN provider for more info.

    Best regards,
    Ismael

    July 8, 2020 at 5:28 am #1228753
    Ebonknox

    Hi Ismael,
    Thanks for your response. Unfortunately I’m not a web developer so most of what is in it is over my head!
    Are you saying the issue is the fact we’re using Cloudflare? Or is there some other issue?

    July 10, 2020 at 11:04 am #1229376
    Ismael

    Hi,

    Sorry for the confusion. Both sites are using Enfold, the first site where the time seeker is working correctly is served directly from the web server (Nginx v1.14.0), and the other one is from Cloudflare, so yes, it looks like an issue with CloudFlare not accepting partial content.

    To confirm it, please contact your CDN provider.

    Thank you for the update.

    Best regards,
    Ismael

    July 21, 2020 at 2:36 am #1231928
    Ebonknox

    Hi Ismael,

    We have deactivated the Cloadflare plugin on our site but we still have the same issue. Any other ideas?

    Thanks,
    Rick

    July 21, 2020 at 7:12 am #1231954
    Ismael

    Hi,

    Thank you for the update.

    The rhemacc site is still served from Cloudflare. Please check the HTTP headers below. You may need to contact your hosting provider and ask them to disable it properly.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.