CMS Development

Janette
Participant

How to add audio to a landing page

Hi Good Afternoon

 

I would like to know if is possible to add audio to a landing page as if it were a welcome message without being repeated constantly, that is only heard when the user enters the page.

 

I remain to your comments.

Regards

0 Upvotes
4 Replies 4
jennysowyrda
Community Manager
Community Manager

How to add audio to a landing page

Hi @Janette,

 

Adding audio to your website would be a custom addition. For an overview on how to add audio elements to your website, I wanted to share this resource.

 

Thank you,

Jenny

0 Upvotes
Janette
Participant

How to add audio to a landing page

Hi Good Afternoon 

 

I have embed the audio in my landing page but in google chromes it doesn´t work well just once when the user enters the page and thats it, because when you reload the page the audio doesn´t work but nevertheless in interner explore work well the audio is heard every time you reload the page. 

This is my code that I have inserted:

 

<audio autoplay id="myautoload">
<source src="https://cdn2.hubspot.net/hubfs/491090/Sitio%20Web/Landing%20Pages/2019/Alexa2019/Adopta_alexa_ogg.og..." type="audio/ogg">
<source src="https://cdn2.hubspot.net/hubfs/491090/Sitio%20Web/Landing%20Pages/2019/Alexa2019/Adopta_alexa_mp3.mp..." type="audio/mpeg">
<source src="https://cdn2.hubspot.net/hubfs/491090/Sitio%20Web/Landing%20Pages/2019/Alexa2019/Adopta_alexa_wav.wa..." type="audio/wav">
Your browser does not support the audio element.
</audio>

<script type="text/javascript">
var myadido = document.getElementById("myautoload");

setTimeout(function() {
myadido.play();

},200);
</script>

 

I don´t know why in google chrome it doesn´t work.

Can you help me whit this plis.

This is the link of my landing page:

https://www.inbest.cloud/desarrollo-de-skills-para-amazon-alexa

 

I remain to your comments.

Thnaks and Regards.

0 Upvotes
JasonRosa
HubSpot Employee
HubSpot Employee

How to add audio to a landing page

Hey @Janette it looks like there are some new limitations with autoplay in both Safari and Chrome which you can read more about here. There looks to be a solution that you could try towards the end of that article for Chrome. 

Janette
Participant

How to add audio to a landing page

Hi @JasonRosa 

 

Thanks for the information, I will check..... One doubt, so that the audio can be heard on the cell phone, does it need any special treatment?

 

I remain to yur comments

Regards

0 Upvotes