Foliovision › Forums › FV Player › Troubleshooting › Issue with ajax + Safari audio overlapping
-
Greetings Flowplayer team!
I’m using the WPLMS wordpress theme and I am facing 2 issues:
– The courses are divided in units. These units have sub-pages that I think load in ajax (I’m not a coder though :-). I have 1 video on each subpage.When a user goes to the next sub-page, if the current video wasn’t finished, then the next one on the next page shows the loader but nothing happens unless we click twice on it (chrome).
Please see here: https://harp-school.com/course/passenger-let-her-go/
Start the course and go to the unit 3 (let her go – piece). From there, play the video in the sub-page 2, and click on the sub-page 3 before the video ends. You should see what we experience.
To avoid this, I had putted the global autoplay function, and this way it was working. Plus we loved the autoplay so people doesn’t have to click on every video. BUT:However, with the autoplay function turned on, it creates a huge issue on Safari: As soon as people either go to another subpage or to the next unit, the audio from the previous video stays and overlaps with the new one, etc.
Here is the development version of my website for testing, where I activated the autoplay so you can test:
http://dev.harp-school.com/all-courses
Please try any course in safari.
The credentials for both sites are the same you had (login: flowplayer / pass: you changed it).Can you give it a shot and let me know what I should do? Thank you so much!!
Evelina
-
-
Hello Evelina,
the https://harp-school.com/course/passenger-let-her-go/ asks me for a payment even when I come in with out login.
Our login doesn’t work for http://dev.harp-school.com/all-courses – is there any specific course we should be taking? Then one I opened didn’t had FV Player on it.
We would like to improve our compatibility with WPLMS or suggest fixes to its developers.
Thanks,
MartinHello Evelina,
you can use this handy tool to share the login with us: http://revealit.me/ Since you message will go into the moderation queue, only we will get your link.
Thanks,
MartinHello Evelina,
here’s what I’m seeing:
1) I go here and start the course: http://dev.harp-school.com/course/passenger-let-her-go/
2) It takes me to http://dev.harp-school.com/core/start-course/ when I click “Start course”
3) Then I can see a video playing
4) When I click “Let her go – Passenger (3)” in sidebar it loads another player which doesn’t playThe problem is that WPLMS loads the content using Ajax and our footer hooks don’t execute that way. It should work fine with single videos though. I’ll mention this issue on our team meeting.
We are also not the Flowplayer team, we only use core Flowplayer inside of our plugin and add a lot of extra functions to it.
Thanks,
MartinHi Martin,
Thanks for your help! I don’t know if you were able to see the overlapping audio on the dev website in Safari?
Just to summarize:
– Autoplay ON (dev website): Works fine when switching to another unit (sidebar) or sub-unit (bottom pagination) in the courses. But creates the overlapping audio only on safari…
– Autoplay OFF (main website): if the current video is still playing and we go to another unit/sub-unit, then the player shows the loader but nothing happens unless we click twice on it (chrome).To be continued…
Thank you again!
Hello Evelina,
1) Autoplay ON – I’m able to see the issue on the dev site in Safari. It’s quite tricky, as the video start to autoplay before Flowplayer has a chance to get a hold of it.
I see you are using this code to init the player in Ajax loaded content, as recommended by WPLMS:
jQuery(document).ready(function($){ $('.unit_content').on('unit_traverse',function(){ if($('.flowplayer').length){ $('.flowplayer').each(function(){ $(this).flowplayer(); }); } }); });
Could you please remove it for a test and see how it changes the behavior?
2) Autoplay – Off – I’m not able to take part in https://www.harp-school.com/course/passenger-let-her-go/ using the Alec’s account, could you please add the account in?
Thanks,
MartinHi,
1) I removed the footer code recommended by WPLMS and didn’t notice any improvements. You can check if you wish, I left it without it on the dev.harp-school.com website. Not even the player controls are showing once it gets buggy.
2) Credentials: see previous post.
So on the main website, please go to https://www.harp-school.com/course/passenger-let-her-go/ click on take the course, then please go to the unit “let her go – piece” from the right sidebar.
Then go to the sub-unit 2 using the bottom buttons, launch the video and once it plays, click on the sub-unit 3 button. You should see the loader looping without ever playing.
Screenshot here for the sub-units nav: https://www.harp-school.com/media/sub-units.jpgThanks for being on it!!! Good evening :-) I’m not sure where you’re based?
Cheers!
Hi,
I just noticed that any of my videos plays on firefox. I got a top message notification “firefox has blocked the use of an obsolete plugin” + the message on the video “adobe flash is disabled for this page”.
I’m almost certain it was working fine one the previous version I was using (6.0.4.18). I just updated to the last version today, but I can’t find your page with flowplayer previous version to try with a previous one.
Can check this please? My students using firefox are unable to see the videos.. Thank you so much!Hello Evelina,
just a quick reply – the Firefox error is related to your Adobe Flash being outdated. You should be seeing a note from it about upgrade being available, or you can reinstall it from: https://get.adobe.com/flashplayer/ What we can do on our end to improve it is include the Flowplayer HLS JS plugin, then HLS streams would be playable without Flash.
We are based in Slovakia, Europe.
Thanks,
MartinHi Martin,
Thanks for you quick reply and sorry for such stupid request! I updated flash and it works fine.. (I use chrome all the time so I panicked when I opened firefox lol). Thank you!
Slovakia, great! It looks like a beautiful country. I’m from south of France, in the pyrenees mountains :-) Cheers!
Hi,
Hi Martin,Thanks! The reason why we can’t use the playlist of the player is because we need to display different information underneath the player for each video. i.e: When someone goes to the video #2 of a certain unit, we need a different music sheet to load underneath.. This is why we cannot use the player playlist… Make sense? So the only way we found is using the WPMLS “pagebreak” function to create multiple pages inside a unit. Visual composer doesn’t work because of ajax in units, otherwise I would have use VC tabs or something like this. But only the WPLMS sub-pages provided what we needed.. So if you could find a fix that would be great!
Let me know, thanks for your time!!! Cheers
Hi Martin,
The reason why I can’t use your playlist function s that we need to load content below the player: when a student goes from a sub-unit to another, not only the video changes but also the music score underneath it and eventually other notes.. So since WPLMS was providing with pagination inside units, it was the perfect way for us to organise our courses.
Not sure how we can troubleshoot this :-/ Should I contact WPLMS support too?Thank you so much for your patience and help!
Evelina
Hello Evelina,
I changed the code which I posted above to this:
jQuery(document).ready(function($){ $('.unit_content').on('unit_traverse',function(){ if($('.flowplayer').length){ $('.flowplayer').each(function(){ if( !$(this).data('flowplayer') ) $(this).flowplayer(); }); } }); });
Now I can switch between the unit pages 1,2,3,4 without issues.
Could you please confirm that it works better now?
Could you please try it on the dev site as well to see if it helps with the Safari issue (double audio track playing).
Thanks,
MartinHi Martin,
Thanks for your quick reply!!!Yes I confirm that your code worked on my main website so now we can go to a sub-unit before the previous video ends and no more infinite loader :-) yay!!! That’s a relief as students don’t get frustrated on that weird bug!! Thank you!!
I tried it on my dev website (which as autoplay ON), and unfortunately the issue on safari with audio overlapping still occurs.. That’s a weird thing as it looks like it is the same video playing twice at the same time.. This is less urgent to me as autoplay is something we love (avoid users to click play after they clicked next unit), but it will be much appreciated if you have any ideas on this :-)
Sleep well, & thank you so much !!! Your support is top-notch guy(s) ^^
Evelina
Hi Martin,
Thanks for digging this out again!
You already suggested playlist :-) and as I said earlier in this topic, the reason why I can’t use your playlist function is that we need to load specific content below the player: when a student goes from a sub-unit to another, not only the video changes but also the sheet music underneath it, and eventually other notes.. So since WPLMS was providing with pagination inside units, it was the perfect way for us to organise our courses, each video having it’s own related sheet music.
Not sure how we can troubleshoot this :-/ Should I contact WPLMS support too?Thank you so much for your patience and help!
Evelina
Hello Evélina,
I see I forgot about that – I see it’s not the right function for you. If you have no issues with FV Player currently, you don’t have to worry about this.
Just let us know if you notice anything weird going on or if you have any other questions, we will be happy to help.
Thanks!
MartinYes the issue I have is that I would really need the autoplay function so my students doesn’t have to click the play button every time they go to the next chapter.. It woks fine on Firefox and Chrome but I opened this topic because in Safari the audio is overlapping..
So if one day you come up with a fix for this, that would be awesome! Thanks :-)
Hello Evélina,
latest version of FV Player doesn’t use the html5 video tag for its initialization anymore, so it might help with that issue.
I see that you are using an older version of FV Player Pro, so you should proceed carefully and check your videos afterwards. Let us know if you are not seeing the FV Player Pro upgrade available please.
If you run into any issues with it, you can enable Integration/Compatibility -> Use old code.
Thanks!
Martin