Problem with HLS replay

Sven Herold 2 weeks, 6 days ago

We encounter a problem with HLS streaming.
In our backend the HLS stream works fine

However, we can not get it to work neither for Chrome nor Safari in the frontend

fv-player.min.js?ver=8.0.17.2:1 Uncaught ReferenceError: flowplayer is not defined at fv-player.min.js?ver=8.0.17.2:1:571

Could you perhaps help us to identify the issue.
We are using WP Rocket with CSS and Java Script optimization activated.
For YouTube Live you gave us the exclusion fv-player-youtube.min.js which we have inserted. Perhaps there is another exclusion needed for pure HLS m3u8 URLs.
We have checked our HLS stream with validators, and there are no issues.

All our other videos are showing correctly also the YouTube Live videos.
It is only when we try to play a pure HLS stream that we encounter this issue.

Viewing 22 replies - 1 through 22 (of 22 total)

Martin 3 weeks ago

Hello Sven,

This is bad as it shouldn’t be so difficult. I don’t exactly recall why you have to tweak the WP Rocket JavaScript optimization for FV Player to work, as we are using it too and it works properly.

If you had to exclude fv-player-youtube.min.js then please see if also excluding hls.min.js will fix the issue. If that won’t help, excluding freedomplayer.min.js might be the solution.

Please let me know which WP Rocket version you are using with which settings too.

Thanks,
Martin

Sven Herold 3 weeks ago

Hi there, just as an update

We added these to WP Rocket

fv-player-youtube.min.js
/wp-content/plugins/fv-player-pro/js/youtube.min.js
/wp-content/plugins/fv-player-live-streaming/js/live-streaming.min.js
/wp-content/plugins/fv-player/freedom-video-player/hls.min.js

It looks that on Chrome we got it to work now
However in Safari, we only here the sound, but the video is not playing

We have cleared all caches but that did not fix the issue
Also on incognito it does not work
Are there any other JS or other files we need to exclude?

Thanks
Sven

Martin 3 weeks ago

Hello Sven,

I don’t see how this could not work in incognito mode.

Please upgrade FV Player, I see you are on 8.0.17 while 8.0.18 is out,

Thanks,
Martin

Sven Herold 3 weeks ago

Hi martin, I have checked we are on the latest plugin versions.
I have the codes now included with WP Rocket but still Safari is not working

Can you check if it is working for you
https://www.livetube.tv/news/🔴-watch-live-now-test-26

We can here the sound but the player does not start
In Chrome all works fine

Look forward to hearing back

I will make sure to keep the livestram running for you

Thanks
Sven

Sven Herold 3 weeks ago

Or do i have to add exclusions to other parts then just Java minification

Sven Herold 3 weeks ago

Sorry here is a new Link for you
The previous one finished
https://www.livetube.tv/news/🔴-watch-live-now-fv-test-7

Sven Herold 3 weeks ago

We have now also included the code to delay and defer but this still did not allow the Safari Player to show the stream.
When the HLS is over, the correct VOD is playing flawlessly. Player seems only to be blocked with HLS stream.

Martin 3 weeks ago

Hello Sven,

The upgrade to FV Player 8.0.18 should fix the Safari playback issue with HLS live stream. It used to demand the live flag on the stream.

Thanks,
Martin

Sven Herold 3 weeks ago

Hi Martin. thanks for your response
We are actually on 8.0.18 as you can see from the screenshot …

So what do you suggest to do?
And is it ok to revert back to have the Rocket exclusions only with Minify?

Also, do you have any news on the YouTube embeds not showing LIVE flag issue ?

Thanks
Sven

Sven Herold 3 weeks ago

Sorry promised the screenshot, here it is
https://drive.google.com/file/d/12-vY3oEqn1WmuFLQ-OCVqp2VZhur6Gn7/view?usp=drivesdk

Martin 3 weeks ago

Hello Sven,

Please double-check that you purged any cache that you might be using. The HTML shows version 8.0.9.

Thanks,
Martin

Sven Herold 3 weeks ago

You might be looking into our old account. We have since upgraded.
I have just again re-uploaded and overridden the FV Player with the newest plugin files and will check again and let you know.

Thanks
Sven

Sven Herold 3 weeks ago

Hi Martin, we have now deleted and re-uploaded FV Player and FV Player Pro Plugin. It should now show the correct installs. Mistake might have been that we still had the LiveStreaming Plugin from you from version 7 active. This is now deactivated.

Then we tried different settings with WP Rocket. We also deleted all our custom CSS from the player. But still., nothing helped to get the Safari to play the clip.

In the backends both Safari and Chrome all works
Chrome Frontend works too
Safari frontend only plays sound but the video does not start

We have created a video for you to see
Let us know, if you need any additional information

Thanks for a fix for this

Have a great weekend
Sven

Screen Video:
https://drive.google.com/file/d/1nz49OdnfOiS7BueffDj5jmnHWhn1zZG7/view?usp=drivesdk

Martin 3 weeks ago

Hello Sven,

Thanks for the video, however now I’m realizing I was not checking the FV Player version on your website properly. Sorry about that.

Is there a HLS live stream up on the website where the picture does not show currently or is it going to be published anytime in next 24 hours?

I see the YouTube live streams do now show as live, so it’s time to fix that.

Thanks,
Martin

Martin 2 weeks ago

Hello Sven,

Please check if you run into the issue with Safari at https://foliovision.com/player/demos/hls-stream -> Live Stream.

If the issue still persists on your website, please make a test page with a live stream available tomorrow at about 9 AM UTC and we can have a look.

Thanks,
Martin

Sven Herold 2 weeks ago

LiveStreams from your site work for us in Safari.
We will update the player to the version you shared and let you know

Tomorrow 9 am UTC works
I will share the link here as soon as the live stream is up and running.

I will also share a private chat link for us to communicate directly

Thanks for your help and look forward to re-connecting tomorrow

Sven

Sven Herold 2 weeks ago

Hi Martin, we have tried now, but unfortunately it is still not working on Safari. We updated the app and cleared all caches but did not get it to work.

What we have not checked though, if it is working in Safari in the backend. Then it could be a cache issue. But as said, we have not yet checked this

Let me know, if you need anything additionally.

Martin 2 weeks ago

Hello Sven,

Will you be able to setup the test page with HLS live stream so that we can test in Safari?

I don’t think that we really need the private chat at this point, I will let you know as soon as we have seen the issue on the test page.

Thanks,
Martin

Sven Herold 2 weeks ago

Hi Martin, yes, I will set it up for 9 am as suggested (London/ UTC)
Best
Sven

Sven Herold 2 weeks ago

Here we go for testing. Here is the Live stream URL
https://www.livetube.tv/news/🔴-watch-live-now-test-30

Martin 2 weeks ago

Hello Sven,

I can see the issue with the HLS live stream.

It’s similar to the YouTube Live stream issue. If the live flag is missing in the database for the video (or in your case live="true" in the shortcode) it does not show properly.

I’m checking if we can improve FV Player to detect that automatically as only Safari and iOS seems to require it.

You can remove the test page now.

Thanks,
Martin

Martin 2 weeks ago

Hello Sven,

Could you please reinstall FV Player from this link? https://foliovision.com/downloads/fv-player-8.zip

Then the HLS live stream will play in Safari even if it’s not marked as being a live stream.

The URL of the main FV Player library has a new version number, so your CDN should pick the updated file from your web server.

Thanks,
Martin

Viewing 22 replies - 1 through 22 (of 22 total)