# How to play mp3 from Airtable

**URL:** <https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823>\
**Category:** Questions about Thunkable X\
**Created:** [June 19, 2021, 12:46am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823 "2021-06-19T00:46:19Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 12:46am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/1 "2021-06-19T00:46:20Z")

</div>

Hello, in dire need of some help from all you Thunkers -  
I am trying to make a simple music player app - I would like to store the mp3s on Airtable.  
When the user clicks a button it needs to retrieve the mp3 from Airtable and play it.  
Would be great if I can randomise the mp3 that it pulls from a column.

Thank you legends

![Screen Shot 2021-06-19 at 10.45.19 am](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/e/6ec2c676250b0e56b1585a9370aee7773bb7b326.png)

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 19, 2021, 5:47am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/2 "2021-06-19T05:47:13Z")

</div>

What is in the attachment.in row 1 @carlinmclellan  
Is it a cloudinary link?

---

<div class="post-metadata">

**Author:** ![frags1020tbrsok](https://avatars.discourse-cdn.com/v4/letter/f/3da27b/32.png) [@frags1020tbrsok](https://community.thunkable.com/u/frags1020tbrsok)\
**Post date:** [June 19, 2021, 6:36am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/3 "2021-06-19T06:36:19Z")

</div>

Hi @carlinmclellan,  
Maybe try rearranging the blocks like this:  
 ![Screen Shot 2021-06-19 at 12.05.27 pm](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/5/7553171521778d020ee65186f518226cf0e3fc1c.png)

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 6:47am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/4 "2021-06-19T06:47:27Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/a/2a4248b0f6ef5f42ab24253432de88f5253c3fe9.png)

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 7:29am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/5 "2021-06-19T07:29:31Z")

</div>

Aha!  
That works perfectly. Thanks heaps! I’ve been trying to get my head around how to do this for quite a while now, so appreciate the help.

Now I realise that it has to come from a Cloudinary URL. I thought perhaps you could take it directly from Airtable since it lets you add attachments, but looks like it needs to come from Cloudinary.

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 7:30am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/6 "2021-06-19T07:30:09Z")

</div>

You can add attachments into Airtable but I think it needs to come from Cloudinary to get the URL?

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 7:30am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/7 "2021-06-19T07:30:14Z")

</div>

Are you trying to play files that the user has recorded using the Audio Recorder component? Or are you playing files that are downloaded in your computer?

---

<div class="post-metadata">

**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\
**Post date:** [June 19, 2021, 7:30am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/8 "2021-06-19T07:30:43Z")

</div>

Yes , if it is a cloudinary link then it should show

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 7:31am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/9 "2021-06-19T07:31:09Z")

</div>

No, not necessarily. I’ve made a music player where all the files are uploaded into Airtable directly.

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 7:43am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/10 "2021-06-19T07:43:16Z")

</div>

Ah okay, so that would be a simpler workflow I’m guessing to do just in Airtable?

The files are from my computer, not from Audio Recorder.

I’m a bit stuck again because I’m trying to now do this in the Thunkable drag and drop interface and all the blocks are different…

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 7:44am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/11 "2021-06-19T07:44:01Z")

</div>

I could try to help out. Where are you stuck? With adding the files in your airtable? with the blocks? Please include a picture of your updated blocks.

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 7:49am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/12 "2021-06-19T07:49:14Z")

</div>

To be honestly I’m pretty lost with the different blocks in the new interface.  
At the moment I have all the mp3s as Cloudinary URLs in Airtable… but could upload them as attachments in Airtable if that is a better way.

This is my failed attempt… lol

![Screen Shot 2021-06-19 at 5.47.13 pm](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/d/fd2dbaf68be9c2897904c1be2743f6f7fc8f2dfe.png)

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 7:50am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/13 "2021-06-19T07:50:59Z")

</div>

Do you want users to be able to upload audios? Or do you have a predetermined set of audios.

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 7:52am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/14 "2021-06-19T07:52:47Z")

</div>

Predetermined

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 7:54am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/15 "2021-06-19T07:54:49Z")

</div>

Ok, then I don’t think you need to update/add values from Thunkable. You can directly add them to Airtable. Can you share a screenshot of the way your airtable is set up?

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 7:55am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/16 "2021-06-19T07:55:47Z")

</div>

![Screen Shot 2021-06-19 at 5.55.28 pm](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/e/6e3fd1f7ae138316709230ad61d5519ea3c522dc.png)

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 7:57am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/17 "2021-06-19T07:57:05Z")

</div>

Ok. You can change the type of the PIANO NOTES column from link to attachment, and then upload your audio files.

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 8:00am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/18 "2021-06-19T08:00:30Z")

</div>

Thanks! And then how would I block that out?

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 19, 2021, 8:01am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/19 "2021-06-19T08:01:39Z")

</div>

Then you would need to fetch a random item like how I showed you, and set your sound1’s source to the value you receive.

---

<div class="post-metadata">

**Author:** ![carlinmclellan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/carlinmclellan/32/77831_2.png) [@carlinmclellan](https://community.thunkable.com/u/carlinmclellan)\
**Post date:** [June 19, 2021, 8:04am UTC](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823/20 "2021-06-19T08:04:45Z")

</div>

The blocks with the new Drag and Drop interface are different and I can’t figure out how to do it. Would you be able to post a screenshot for me?

[Next page](https://community.thunkable.com/t/how-to-play-mp3-from-airtable/1352823.md?page=2)
