Chrome Not playing Audio in Map Tour

Question

Hello,

I have created a map tour in my AGOL and have added the necessary elements (pictures, auido). I am using the app ID of this application to reference in  my index file within the web server.

I have hosted the application files in my web server as I wanted to customize banner within the Map Tour. Within the index file I added an audio to sit on the Top Banner area and this works fine in chrome. The issue comes when I have to play the audio in the different tiles, Google Chrome is not playing those audio. I added these audio in the Map Tour within my AGOL and I am using the app ID to the index file.

Do I have to add the audio within the index for each thumbnail? Kindly assist.

You can view the draft of my application here: http://www.gis.com.bz/PassionofChrist2016/App/index.html

The Map Tour within my AGOL: https://tbsl.maps.arcgis.com/apps/MapTour/index.html?appid=bb1933d8c3504c46beaa084f624bb8af

The tricky part is that all audios load using Mozilla and Internet Explorer. However, I need to sort out this issue and Google Chrome seems to be mostly used by our viewers.

I have opened the console of this application and have attached an image.

Any assistance would be highly appreciated.

MapError.jpg

MorakotPilouk_34-1622661480094.png

VaneiriKeme · Answer

Hi Owens,

Thanks for your support. Unfortunately, it is not making a difference on how it plays in chrome.

oevans_storymaps · Answer

I'm not positive this is the solution, but I did a little research and it looks like Chrome might have a limit to the number of parallel MP3 downloads it can have. Since your app is trying to download all the sound files at once you may be hitting this limit.

Try adding preload="none" to all your audio tags (except the one in the header). HTML audio preload Attribute

Owen