Need help embeding dreamweaver plugin...

Feb 11th, 2016 at 06:47 PM
User 2821689 Photo

Jamie
Registered User
10 posts

The link to this website in not responsive yet.
That was created with Dreamweaver CS6 and two DMXzone.con scripts i purchased.
The DMXZone scripts are "HTML5 Video Player & HTML5 MP3 PLayer".
As of yet i do not see that Coffeecup has these type of scripts available yet.
So I need help from our forum community here to help me present Video and audio in this fashion.
Though i know these are nor responsive, i was hopping i could embed these two scripts
using maybe the HTML Element in the same manner as i used to embed the CC slideshow from
Responsive Content Slider.
I have tried doing this several different ways with no avail.
I used the RSD head in the settings to place the script from the Dreamweaver Script then used the HTML Element to place the Code.
Imported the folders with the files in the root in RSD "Project Resources" gave them a Classes of "video" and "mp3" for each of the types of scripts. nothing i did would work.
What am i doing wrong?
I have created two separate HTML files with nothing in them except for the embedded script
i also created a corresponding HTML file with screen captures of the files the script says it will require on the server, those are the files i imported to RSD.
Here are the links to the working Scripts and the page with the screen captures.
VIDEO:
http://jamieandgail.com/videos.html
http://jamieandgail.com/videos-files-needed.html
MP3 Audio:
http://jamieandgail.com/mp3.html
http://jamieandgail.com/mp3-files-needed.html
Any help from our community would be greatly appreciated!
Thank you
Sincerely
Jamie
Feb 11th, 2016 at 06:52 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

Hi Jamie,
Why not use a responsive script for those?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 11th, 2016 at 07:01 PM
User 10077 Photo

Brian Durfee
Senior Advisor
1,096 posts

I don't know if this will work, but you can try it.

1. Put just the player code in the html element in the <body>
<div class="dmxHTML5MP3Player apple" id="jgmp3Player">
<div class="dmxHTML5MP3PlayerDisplay"> <span class="dmxHTML5MP3PlayerInfo"><strong>##time##</strong> ##title##</span> </div>
<div class="dmxHTML5MP3PlayerPositionSlider">
<div class="dmxHTML5MP3PlayerPositionBar"></div>
<div class="dmxHTML5MP3PlayerPositionHandle"></div>
</div>
<div class="dmxHTML5MP3PlayerControlbar"> <a href="#" class="dmxHTML5MP3PlayerBtnPrev"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlay"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPause"></a> <a href="#" class="dmxHTML5MP3PlayerBtnStop"></a> <a href="#" class="dmxHTML5MP3PlayerBtnNext"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlaylist"></a>
<div class="dmxHTML5MP3PlayerVolumeSlider">
<div class="dmxHTML5MP3PlayerVolumeBar"></div>
<div class="dmxHTML5MP3PlayerVolumeHandle"></div>
</div>
</div>
<div class="dmxHTML5MP3PlayerPlaylist">
<ol>
<li><a href="mp3/g--j--goodbye-to-love-7-18-2014.mp3">Goodbye To Love</a></li>
<li><a href="mp3/j--g---build-me-up-buttercup-6-7-2015.mp3">Build Me Up Buttercup</a></li>
<li><a href="mp3/j--me-and-mrs-jones.mp3">Me & Mrs Jones</a></li>
</ol>
</div>
</div>



2. In the Settings tab, put the script that appears after the player code.
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#jgmp3Player").dmxHTML5MP3Player(
{"autoPlay": true, "playlist": "a[href$=\".mp3\"]"}
);
}
);
// ]]>
</script>
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
Feb 11th, 2016 at 09:02 PM
User 2821689 Photo

Jamie
Registered User
10 posts

well now the player interface looks good.
but title of songs does nor show up at top of player, and songs will not play.
here is the index page generated from RSD.

Page Source Code:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Index</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="Styles/dmxHTML5MP3Player.css" />
<link rel="stylesheet" type="text/css" href="Styles/dmxHTML5MP3Player/apple/apple.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>


<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#jgmp3Player").dmxHTML5MP3Player(
{"autoPlay": true, "playlist": "a[href$=\".mp3\"]"}
);
}
);
// ]]>
</script>
</head>

<body>
<div class="row">
<div class="coffee-span-12">
<div class="html-element mp3" id="mp3"><body><div class="dmxHTML5MP3Player apple" id="jgmp3Player">
<div class="dmxHTML5MP3PlayerDisplay"> <span class="dmxHTML5MP3PlayerInfo"><strong>##time##</strong> ##title##</span> </div>
<div class="dmxHTML5MP3PlayerPositionSlider">
<div class="dmxHTML5MP3PlayerPositionBar"></div>
<div class="dmxHTML5MP3PlayerPositionHandle"></div>
</div>
<div class="dmxHTML5MP3PlayerControlbar"> <a href="#" class="dmxHTML5MP3PlayerBtnPrev"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlay"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPause"></a> <a href="#" class="dmxHTML5MP3PlayerBtnStop"></a> <a href="#" class="dmxHTML5MP3PlayerBtnNext"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlaylist"></a>
<div class="dmxHTML5MP3PlayerVolumeSlider">
<div class="dmxHTML5MP3PlayerVolumeBar"></div>
<div class="dmxHTML5MP3PlayerVolumeHandle"></div>
</div>
</div>
<div class="dmxHTML5MP3PlayerPlaylist">
<ol>
<li><a href="mp3/g--j--goodbye-to-love-7-18-2014.mp3">Goodbye To Love</a></li>
<li><a href="mp3/j--g---build-me-up-buttercup-6-7-2015.mp3">Build Me Up Buttercup</a></li>
<li><a href="mp3/j--me-and-mrs-jones.mp3">Me & Mrs Jones</a></li>
</ol>
</div>
</div></body></div>
</div>
</div>
<div class="row">
<div class="coffee-span-6"></div>
<div class="coffee-span-4"></div>
<div class="coffee-span-2"></div>
</div>
<script src="js/jquery-1.11.0.min.js"></script>
</body>

</html>
Feb 11th, 2016 at 09:07 PM
User 2821689 Photo

Jamie
Registered User
10 posts

And if i do it exactly as you suggested to try as you mentioned above,
Then the player interface does not show up but the songs will play but in a n page.

Page Source Code:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Index</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="css/main.css">
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#jgmp3Player").dmxHTML5MP3Player(
{"autoPlay": true, "playlist": "a[href$=\".mp3\"]"}
);
}
);
// ]]>
</script>
</head>

<body>
<div class="row">
<div class="coffee-span-12">
<div class="html-element mp3" id="mp3"><body><div class="dmxHTML5MP3Player apple" id="jgmp3Player">
<div class="dmxHTML5MP3PlayerDisplay"> <span class="dmxHTML5MP3PlayerInfo"><strong>##time##</strong> ##title##</span> </div>
<div class="dmxHTML5MP3PlayerPositionSlider">
<div class="dmxHTML5MP3PlayerPositionBar"></div>
<div class="dmxHTML5MP3PlayerPositionHandle"></div>
</div>
<div class="dmxHTML5MP3PlayerControlbar"> <a href="#" class="dmxHTML5MP3PlayerBtnPrev"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlay"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPause"></a> <a href="#" class="dmxHTML5MP3PlayerBtnStop"></a> <a href="#" class="dmxHTML5MP3PlayerBtnNext"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlaylist"></a>
<div class="dmxHTML5MP3PlayerVolumeSlider">
<div class="dmxHTML5MP3PlayerVolumeBar"></div>
<div class="dmxHTML5MP3PlayerVolumeHandle"></div>
</div>
</div>
<div class="dmxHTML5MP3PlayerPlaylist">
<ol>
<li><a href="mp3/g--j--goodbye-to-love-7-18-2014.mp3">Goodbye To Love</a></li>
<li><a href="mp3/j--g---build-me-up-buttercup-6-7-2015.mp3">Build Me Up Buttercup</a></li>
<li><a href="mp3/j--me-and-mrs-jones.mp3">Me & Mrs Jones</a></li>
</ol>
</div>
</div></body></div>
</div>
</div>
<div class="row">
<div class="coffee-span-6"></div>
<div class="coffee-span-4"></div>
<div class="coffee-span-2"></div>
</div>
<script src="js/jquery-1.11.0.min.js"></script>
</body>

</html>
Feb 11th, 2016 at 11:11 PM
User 2821689 Photo

Jamie
Registered User
10 posts

So on this simple RSD page created from the default template, that just has a container and a couple of rows where i added an HTML element and placed the code you requested.
I went and altered it in the code using Notpad++
i got it to work but saved the page as a new HTML with a different name.
looking at this code can you give me a better way of doing this within RSD.

Source Code of working HTML page.

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Index</title>
<link rel="stylesheet" type="text/css" href="Styles/dmxHTML5MP3Player.css" href="css/coffeegrinder.min.css">
<link rel="stylesheet" type="text/css" href="Styles/dmxHTML5MP3Player/apple/apple.css" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="css/main.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>
<div class="row">
<div class="coffee-span-12">
<div class="html-element mp3" id="mp3"><body><div class="dmxHTML5MP3Player apple" id="jgmp3Player">
<div class="dmxHTML5MP3PlayerDisplay"> <span class="dmxHTML5MP3PlayerInfo"><strong>##time##</strong> ##title##</span> </div>
<div class="dmxHTML5MP3PlayerPositionSlider">
<div class="dmxHTML5MP3PlayerPositionBar"></div>
<div class="dmxHTML5MP3PlayerPositionHandle"></div>
</div>
<div class="dmxHTML5MP3PlayerControlbar"> <a href="#" class="dmxHTML5MP3PlayerBtnPrev"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlay"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPause"></a> <a href="#" class="dmxHTML5MP3PlayerBtnStop"></a> <a href="#" class="dmxHTML5MP3PlayerBtnNext"></a> <a href="#" class="dmxHTML5MP3PlayerBtnPlaylist"></a>
<div class="dmxHTML5MP3PlayerVolumeSlider">
<div class="dmxHTML5MP3PlayerVolumeBar"></div>
<div class="dmxHTML5MP3PlayerVolumeHandle"></div>
</div>
</div>
<div class="dmxHTML5MP3PlayerPlaylist">
<ol>
<li><a href="mp3/g--j--goodbye-to-love-7-18-2014.mp3">Goodbye To Love</a></li>
<li><a href="mp3/j--g---build-me-up-buttercup-6-7-2015.mp3">Build Me Up Buttercup</a></li>
<li><a href="mp3/j--me-and-mrs-jones.mp3">Me & Mrs Jones</a></li>
</ol>
</div>
</div></body></div>
</div>
</div>
<div class="row">
<div class="coffee-span-6"></div>
<div class="coffee-span-4"></div>
<div class="coffee-span-2"></div>
</div>
<script src="js/jquery-1.11.0.min.js"></script><script type="text/javascript">
// <![CDATA[
jQuery(document).ready(
function()
{
jQuery("#jgmp3Player").dmxHTML5MP3Player(
{"autoPlay": true, "playlist": "a[href$=\".mp3\"]"}
);
}
);
// ]]>
</script>
</body>

</html>




Thanks for any help you could give.
Jamie
Feb 12th, 2016 at 07:15 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts
Online Now

Jamie, it's easier to help if we can see that actual page.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 12th, 2016 at 12:19 PM
User 10077 Photo

Brian Durfee
Senior Advisor
1,096 posts

I was just about to say that. Instead of posting code, just post the URL where we can see it.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
Feb 12th, 2016 at 02:45 PM
User 2821689 Photo

Jamie
Registered User
10 posts

Great!
Here is the URL to the page i got working:
http://jamieandgail.com/working-script-yessssss.html
this is the index page that RSD created, that i then altered the code with Notepad++ and saved is as
"working-script-yessssss.html"
So the reason it would be best if we can figure out how to do this within RSD is that even if i alter the code in the Index.html
page created by RSD, when i reopen the file the "index.html" it will overwrite the altered code back to what RSD had created.
Anyway i am sure you already know this.
Your help is truly appreciated.
I truly love your software, an amazing piece of work to say the least!
Thanks
Jamie
Feb 12th, 2016 at 02:54 PM
User 2821689 Photo

Jamie
Registered User
10 posts

looks like i spoke to soon.
It works when i send it browser from Notepad++
but when i play it from our server it does not work.
i thought i dropped all the needed files on the server.
any ideas?
Jamie

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.