MP3 Files Not Playing On Safari Browser - Question | JoomShaper

MP3 Files Not Playing On Safari Browser

JT

Jay Thistle

SP Page Builder 10 months ago

Hi there, I am along-time user of Page Builder, which I love, and have just run into a glitch. MP3 files inserted on a page created with PageBuilder Pro will not play on the Safari browser. They play perfectly on Chrome, Firefox etc. Please advise. Thanks...Jay

0
5 Answers
JT
Jay Thistle
Accepted Answer
10 months ago #179000

Hi Rob, I managed to solve my issue buy building an Article page instead of using PageBuilder and used the All Videos extension and that seems to have solved tthe issue. All the MP3 files now play on Safari. Thanks for your assistance. I will keep the info on file in case I run into a similar issue in future...Jay

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 10 months ago #178924

Hello Jay,

Thank you for reaching out and for your kind words about Page Builder Pro. I appreciate your support as a long-time user, and I sincerely apologize for any inconvenience caused by this issue.

After investigating your concern, I found that the issue may arise if OGG format audio files are being used. Unfortunately, the Safari browser does not support OGG audio, which could explain why the files are not playing as expected.

To ensure compatibility across all browsers, including Safari, I recommend using MP3 format audio files. MP3 is widely supported natively by most browsers and should resolve the playback issue.

If you need further assistance or have additional questions, please don’t hesitate to reach out.

Best regards

0
JT
Jay Thistle
Accepted Answer
10 months ago #178982

Hi Atick, Thank you for your quick response. I am puzzled though, because the files are all .mp3 files so not sure what the issue is.....Jay

0
Rob
Rob
Accepted Answer
10 months ago #178998

Hi Jay,

To play audiofiles in a browser you need to create an extra option for browsers that cannot play .mp3 or .ogg files. With pagebuilder you can use the "raw html" addon to create some. See the script below. When the browser can play .mp3 files it uses the first option and the other way around for .ogg files.

<audio controls>
  <source src="/horse.ogg" type="audio/ogg">
  <source src="/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

You can simple convert excisting .mp3 files ( for example the free website ) https://www.freeconvert.com/mp3-to-ogg

And for more information and axamples please see: https://www.freeconvert.com/mp3-to-ogg

Than there should be no problem anymore?

regards, Rob

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 10 months ago #179011

Hello Jay,

I’m glad to hear that you managed to resolve the issue by creating an Article page and using the All Videos extension. It's great to know that all the MP3 files are now playing correctly on Safari.

Apolozy for the delay in responding. After reviewing the issue further, I discovered the root cause of Safari detecting the MP3 files as OGG format. It seems that while you used MP3 files, they were inadvertently inserted into the OGG field prnt.sc/ryLgDkmUeEwe, which caused the playback issue on Safari.

I’m pleased you have a solution in place now, but feel free to reach out if you encounter any similar issues in the future. I’ll be happy to assist.

Best regards

0