Adding a 3rd party audio player

d-p wrote on 10/29/2020, 12:07 PM

I would like to add this audio player to my site but cant seem to figure out how to. Here is the link to the player.

I looked at the amazing audio page for install instructions and it does not match with Xara at all. Please advise as to how to insert this specific player into web designer. Greatly appreciated!

Comments

johnebaker wrote on 10/29/2020, 1:35 PM

@d-p

I would suggest you use this method, it would give you the least hassle and enable it to be player playlist to be updated without the need for redoing the whole web page, though you will have to upload the player html separately.

In Web Designer either

Add a Shape where the player is to appear and under Web Properties, Placeholder tab add iFrame code containing the link with a link to the player generated HTML.

Use the Embed a Website widget if it is available to you in the Online Gallery.

HTH

John EB

d-p wrote on 10/29/2020, 1:53 PM

Thanks John. Seems there are a few more steps that are not letting just the placeholder be the player. Here is the link to the instructions and it seems i need to add 2 bits of code to make this works. Not sure how to do it.

https://amazingaudioplayer.com/how-to-add-html5-audio-player-to-your-webpage/

johnebaker wrote on 10/30/2020, 12:36 PM

@d-p

That linked to page is not for putting the player in an iFrame which would be the preferred option for the reasons I gave, the method you linked to is more difficult to maintain.

Full instructions for using an iFrame are in the page I linked to, I have tested this and it is easier to setup and maintain.

John EB

browj2 wrote on 10/31/2020, 10:17 AM

@d-p @johnebaker

I also struggled with this.

I used the iFrame method. The trick was to publish the page, if not already done, then upload to the website (I used Xara Online) the audioplayer.html and the 2 folders created when making the widget from Amazing.

Then I went back and put in the correct address in the code for the body of the placeholder:

Then it worked.

John, did you do the same? If not, what was the process?

I couldn't get the HTML5 to work. I'll ask on the TalkGraphics forum. @d-p you should join.

browj2 wrote on 10/31/2020, 10:34 AM

@d-p @johnebaker

Ok, I got the HTML5 to work. The trick was to get the audioplayer.html and its folders into the website, then publish.

For the header part, I put the pertinent code in the (right click on the page, Web page properties), HTML Code (head) for the Web properties, and the body in the body part of the Placeholder. Publish, it worked.

Previewing does not work and a link to the Amazing site is given instead of the player.

I won't ask the question on the TG forum.

John CB

johnebaker wrote on 10/31/2020, 3:27 PM

@browj2

Hi John

. . . . John, did you do the same? If not, what was the process? . . . .

I used a similar method to you, the main difference was I can test locally on my PC as I have Microsoft Internet Information Services, which comes with most versions of Windows, installed.

John EB