tabbed choice of html5 audio player

All Quick 'n Easy Web Builder support issues that are not covered in the forums below.
Post Reply
kgnoble
Posts: 38
Joined: Sun Jan 14, 2018 4:05 pm

tabbed choice of html5 audio player

Post by kgnoble » Thu Sep 27, 2018 2:34 pm

Hi

I would like to be able to have the user flick between tabs to link to two separate players with separate play lists. I do not seem to be able to have two independent players on the same page; when I try, they default to the same play list.

http://www.evemusic.co.uk./index.php#c1 is what I have at present.

Any way of implementing this with perhaps tabs or carousel or some other method?

Many thanks

Regards

Keith

User avatar
Pablo
Site Admin
Posts: 2947
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: tabbed choice of html5 audio player

Post by Pablo » Thu Sep 27, 2018 4:52 pm

I'm sorry, the player was designed to be used once per page.

To support multiple players you will have to implement your own code or use a third party script.

kgnoble
Posts: 38
Joined: Sun Jan 14, 2018 4:05 pm

Re: tabbed choice of html5 audio player

Post by kgnoble » Thu Sep 27, 2018 5:10 pm

Ah!

OK - thanks for letting me know.

K

kgnoble
Posts: 38
Joined: Sun Jan 14, 2018 4:05 pm

Re: tabbed choice of html5 audio player

Post by kgnoble » Mon Oct 01, 2018 10:10 am

Hi Pablo,

A further thought on this. I seem to be able to run two separate pages with a player on each and with their own playlist. However, I cannot see how to stop the player playing when the page is left. Am I missing anything or is there a need for extra code?

Many thanks

Keith

User avatar
Pablo
Site Admin
Posts: 2947
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: tabbed choice of html5 audio player

Post by Pablo » Mon Oct 01, 2018 11:27 am

The browser should automatically stop the audio when you leave the page.
Maybe you have opened the page in a new window, so the other page is still in the background?

Note there there is no support on extensions. They are provided "AS IS".

Post Reply