I have an HTML5 audio script that am trying to run on my X3 site, but am having issues trying to get it to work, which I am hoping that someone with more experience can point out where my problem is, or most-likely problems.
I have uploaded the MP3 & OGG files to my site, and I am able to run the script fine locally from my Windoze PC, while pointing to the audio files on my site.
The script consists of a single HTML file, and a folder who's content I have uploaded to my custom\files\javascript folder on my X3 site:
The code in that single HTML file is:amazingaudioplayer.js
amazingaudioplayer.swf
initaudioplayer-1.css
initaudioplayer-1.js
jquery.js
loop-24-24-0.png
loop-24-24-2.png
playpause-24-24-0.png
playpause-24-24-1.png
prevnext-24-24-0.png
prevnext-24-24-1.png
tracklistarrow-48-16-1.png
volume-24-24-0.png
volume-24-24-2.png
Code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="width=device-width">
<title>Amazing HTML5 Audio Player, powered by http://amazingaudioplayer.com</title>
<!-- Insert to your webpage before the </head> -->
<script src="jquery.js"></script>
<script src="amazingaudioplayer.js"></script>
<link rel="stylesheet" type="text/css" href="initaudioplayer-1.css">
<script src="initaudioplayer-1.js"></script>
<!-- End of head section HTML codes -->
</head>
<body>
<div style="margin:12px auto;">
<!-- Insert to your webpage where you want to display the audio player -->
<div id="amazingaudioplayer-1" style="display:block;position:relative;width:100%;max-width:300px;height:auto;margin:0px auto 0px;">
<ul class="amazingaudioplayer-audios" style="display:none;">
<li data-artist="" data-title="Becky's Demolition Call" data-album="" data-info="" data-image="" data-duration="188">
<div class="amazingaudioplayer-source" data-src="https://www.gallerywings.life/content/galleries/galleries_jmm/audio/humour/assorted/BeckysDemolitionCall.ogg" data-type="audio/ogg" ></div>
<div class="amazingaudioplayer-source" data-src="https://www.gallerywings.life/content/galleries/galleries_jmm/audio/humour/assorted/BeckysDemolitionCall.mp3" data-type="audio/mpeg" ></div>
</li>
<li data-artist="" data-title="JFK Ground Controller frustration" data-album="" data-info="" data-image="" data-duration="650">
<div class="amazingaudioplayer-source" data-src="https://www.gallerywings.life/content/galleries/galleries_jmm/audio/humour/assorted/JFKGround.ogg" data-type="audio/ogg" ></div>
<div class="amazingaudioplayer-source" data-src="https://www.gallerywings.life/content/galleries/galleries_jmm/audio/humour/assorted/JFKGround.mp3" data-type="audio/mpeg" ></div>
</li>
</ul>
<div class="amazingaudioplayer-engine"><a href="http://amazingaudioplayer.com" title="html5 music player">audio player for website</a></div>
</div>
<!-- End of body section HTML codes -->
</div>
</body>
</html>
https://www.gallerywings.life/galleries/galleries_jmm/audio/humour/audio_test/
I've only been using X3 for a couple of weeks, but have had a decade running other (PHP) sites, so I am hoping that someone with X3 experience can point me in the right direction with this issue, with possibly some hand-holding to guide me through the steps needed to resolve the problem.
I thank you in advance & have yourselves a splendid week.
Regards & be safe,
John