HTML5 MP3 Player Support Product Page

Under investigation

WORKS FINE IN LIVE VIEW BUT NOT WHEN TESTING IN BROWSER

Reported 20 Aug 2014 08:34:46
1
has this problem
20 Aug 2014 08:34:46 sebastian defrancesco posted:
Hello i just bought html5 mp3 player. I added it to a fresh document in dreamweaver but when i test it in my browser it just doesn't work. It just says this " ##title## ##time## / ##duration## ".

When i preview the mp3 player in Live Mode in dreamweaver, it works perfectly. Just doesn't seem to work when i test it in browser. This is what I am trying to accomplish : www.dmxzone.com/demo/html5MP3Player/WebPlayer/index.html

This is my code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="/Styles/dmxHTML5MP3Player.css" />
<link rel="stylesheet" type="text/css" href="/Styles/dmxHTML5MP3Player/fancy_blue/fancy_blue.css" />
<script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="/ScriptLibrary/soundmanager2.js"></script>
<script type="text/javascript">soundManager.url = '/ScriptLibrary';</script>
<script type="text/javascript" src="/ScriptLibrary/dmxHTML5MP3Player.js"></script>
</head>

<body>

</script>
<div class="dmxHTML5MP3Player fancy_blue" id="mp3Player2">
<div class="dmxHTML5MP3PlayerDisplay"> <span class="dmxHTML5MP3PlayerInfo" style="width:250px">##title##</span> <span class="dmxHTML5MP3PlayerInfo" style="float:right;"><strong>##time## / ##duration##</strong></span> </div>
<div class="dmxHTML5MP3PlayerPositionSlider">
<div class="dmxHTML5MP3PlayerLoadBar"></div>
<div class="dmxHTML5MP3PlayerPositionBar"></div>
</div>
<div class="dmxHTML5MP3PlayerControlbar"> <a href="#" class="dmxHTML5MP3PlayerBtnPrev"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlayPause"></a> <a href="#" class="dmxHTML5MP3PlayerBtnStop"></a> <a href="#" class="dmxHTML5MP3PlayerBtnNext"></a> <span class="dmxHTML5MP3PlayerBtnMute dmxHTML5MP3PlayerVolume"></span>
<div class="dmxHTML5MP3PlayerVolumeSlider">
<div class="dmxHTML5MP3PlayerVolumeBar"></div>
</div>
</div>
<div class="dmxHTML5MP3PlayerPlaylist">
<ol>
<li><a href="/Marry You.mp3">Marry You</a></li>
</ol>
</div>
</div>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#mp3Player2".dmxHTML5MP3Player(
{"playlist": "a[href$=\".mp3\"]"}
);
}
);
// ]]>
</script>
</body>
</html>

Replies

Replied 20 Aug 2014 08:55:59
20 Aug 2014 08:55:59 Teodor Kuduschiev replied:
Hello,
Please provide a link to your live page.
Replied 20 Aug 2014 20:24:07
20 Aug 2014 20:24:07 sebastian defrancesco replied:
the live website with the mp3 is atslock.com
Replied 21 Aug 2014 09:59:42
21 Aug 2014 09:59:42 Teodor Kuduschiev replied:
Hello,
You just did not upload the whole website to your website. Please make sure to upload all of the files and folders to the remote server, as well as the mp3 file.
Replied 21 Aug 2014 20:34:12
21 Aug 2014 20:34:12 sebastian defrancesco replied:
Thanks for the feedback Teodor!

I got it to work when i test it in browser, however i get an error when it goes to play the mp3. The error message looks like this:

SoundManager 2 failed to initialize! Likely causes: Loading "soundmanager2_flash9.swf" may have failed (and/or Flash is not present?), Flash blocked or JS-Flash security error.

Am i getting this error because I am testing it locally? I am not sure..
Replied 22 Aug 2014 09:42:11
22 Aug 2014 09:42:11 Teodor Kuduschiev replied:

Reply to this topic