Implementing jPlayer HTML5 jQuery Audio Player

Hello,

I’m trying to implement into Webflow the circular HTML5 player that’s featured on http://jplayer.org/ but I can’t get it to work. It works on my local machine, and also works when I upload it to my LAMP web host here:

http://www.edzahra.com/jplayer/jPlayer-2.9.2/examples/other/demo-05.html

but I can’t recreate that effect in Webflow. Should this be possible with Webflow, or am I expecting it to do something that’s beyond the scope of Webflow - I’m only a novice at Webflow?

Here’s my read only link (navigate to the page ‘jPlayer’, in the root directory):

https://preview.webflow.com/preview/jfa1n9rinw36lptc?preview=bba858e775f2f61ee2e4340e52e65033

Here’s the page I’m working from:

http://jfa1n9rinw36lptc.webflow.io/jplayer

From my research, it appears that Webflow can’t store .MP3 or .JS files, so, if that’s the case, if I were to upload them to a third party server (e.g. Heroku), which would provide HTTPS access to those files. Should I then be able to link to those files to make jPlayer work?

Thanks for your help,

Will

1 Like