How can I embed an mp3 audio file into my blog post?

[Annesimonep]

Hello I would like to uploade a mp3 audio file directly into my blogpost so you can play the audio from my site. 

I have tried doing what I saw on google

pasting this code (with my file download url from shopify-settings-files) directly into my rich text editor on a blog page but it doesn't work

<div id="player"><audio controls="controls"><source src="https://cdn.shopify.com/s/files/1/0611/6271/7384/files/Meditation-Dithjerte.mp3?v=1649333814" type="audio/mpeg" /></div>

can anyone help how to put audio directly to a blog post please?

[MS_WEB_DESIGNER]

Hi @Annesimonep,

I am Ani From https://www.task4store.com/  - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

I will love to help you with your concern.

Did you try this?

If you have any concerns feel free to ask me!

Regards,
Ani

[Andrew]

Hi @Annesimonep, 

That is an HTML snippet you have there, which needs to be inserted into HTML code.

So as @MS_WEB_DESIGNER correctly pointed out, if you navigate to the page you want to edit in your store admin, you will see a <> icon in the top right of the editor:

Click on that and paste the code into the HTML editor:

Then click that same icon again and your audio clip should show up like this:

We've a little more information on editing your pages, but that's the essence of how to add HTML code to your page. It's exactly the same process for your blog posts too!

Are you running a podcast on your Shopify store? If so, you may find our blog about How to Start A Podcast useful!

Let me know if this helps and if you have any other questions.

[Nick_Mayer]

Thanks for your help with this. 

Will doing it this way affect the loading time/ page speed?  Not sure if it will stream or if the whole file has to load in order to play?

[Chris_Hantis]

Hi There,
If you're looking for an app to solve this issue check out Listen Now! for all your audio player needs.
We have the ability for merchants to add either audio or text to speech to individual blog posts.