I'm a little late to the party as I had never heard of or used Amazing Audio Player before. I was trying some things while others were responding to this thread.
Everything others have said in this thread is true.
A frame is probably the best way to go.
The integration of the CSS and HTML directly embedded into an RSD web page requires some changes to the rules that the Audio Player people stated. In general, the advice given by Eric applies to all third party software to be used in RSD. I have had to do this for several websites I made with RSD, especially my cover site.
Here are two examples of the Audio Player in an RSD page:
http://tjrdevelopment.org/Background Music/ Web Page using Frame
http://tjrdevelopment.org/Background Music.zip Exported files and Project file
http://tjrdevelopment.org/Background Music 2/ Web Page with integration
http://tjrdevelopment.org/Background Music 2.zip Exported files and Project file
Hope this is useful to you, Phillip.
Everything others have said in this thread is true.
A frame is probably the best way to go.
The integration of the CSS and HTML directly embedded into an RSD web page requires some changes to the rules that the Audio Player people stated. In general, the advice given by Eric applies to all third party software to be used in RSD. I have had to do this for several websites I made with RSD, especially my cover site.
Here are two examples of the Audio Player in an RSD page:
http://tjrdevelopment.org/Background Music/ Web Page using Frame
http://tjrdevelopment.org/Background Music.zip Exported files and Project file
http://tjrdevelopment.org/Background Music 2/ Web Page with integration
http://tjrdevelopment.org/Background Music 2.zip Exported files and Project file
Hope this is useful to you, Phillip.
Thanks everyone who has posted here to give me a helping hand. I tried the iframe method but am now getting the message:
Not Found
The requested URL /samplejukebox/dsbjukebox.html was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
The page is named samplejukebox.html and the player is named dsbjukebox.html
Both are loaded to the server.
Here is what I pasted in RSD in the HTML Element section
<iframe src="http://www.frickandfrackmusic.com/samplejukebox/dsbjukebox.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>
The live page is www.frickandfrackmusic.com/samplejukebox.html
Not Found
The requested URL /samplejukebox/dsbjukebox.html was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
The page is named samplejukebox.html and the player is named dsbjukebox.html
Both are loaded to the server.
Here is what I pasted in RSD in the HTML Element section
<iframe src="http://www.frickandfrackmusic.com/samplejukebox/dsbjukebox.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>
The live page is www.frickandfrackmusic.com/samplejukebox.html
<iframe src="http://www.frickandfrackmusic.com/samplejukebox/dsbjukebox.html" width="400" height="300" border="0" scrolling="no" frameBorder="0"></iframe>
It appears that the folder, samplejukebox, is not on the server or not in the right place. You must upload all of its contents, including the dsbjukebox.html page, under the www root on the server to make your frame work as it appears above. Or, you can change the frame src to reflect where it really is.
That is what is confusing. Since this my main website I have the page and the player which is an html file in the same root folder. Where else should it go.
Phillip,
The src of the frame works now: http://www.frickandfrackmusic.com/samplejukebox/dsbjukebox.html
http://www.frickandfrackmusic.com/samplejukebox.html appears to be working now. But the height of the frame is not large enough.- try increasing to about 600(px) or more.
In addition, if you want the frame in the HTML element to be centered on the page, you will have to do some Flex Box styling on the column containing the HTML element. There are some tutorials about Flex Box on the CoffeeCup site (if I recall correctly).
The src of the frame works now: http://www.frickandfrackmusic.com/samplejukebox/dsbjukebox.html
http://www.frickandfrackmusic.com/samplejukebox.html appears to be working now. But the height of the frame is not large enough.- try increasing to about 600(px) or more.
In addition, if you want the frame in the HTML element to be centered on the page, you will have to do some Flex Box styling on the column containing the HTML element. There are some tutorials about Flex Box on the CoffeeCup site (if I recall correctly).
Thank you to everyone who helped to make this work. Very much appreciated.
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.