# Sound component for a live radio station

**URL:** <https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271>\
**Category:** Questions about Thunkable X\
**Created:** [August 4, 2020, 4:28pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271 "2020-08-04T16:28:37Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 4:28pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/1 "2020-08-04T16:28:37Z")

</div>

Is it possible to use the sound component to stream a radio station?  
I’ve been trying but it doesn’t seem to work at all so how can this be done in ThunkableX without a web view?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 4, 2020, 9:57pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/2 "2020-08-04T21:57:34Z")

</div>

Hey @Scene,

One of our awesome Community members @actech has created this solution for you.

> [@Help for streaming radio](http://community.thunkable.com/t/help-for-streaming-radio/705106/3):
>
> Start with this: scrRadio in [https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/](https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 10:17pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/3 "2020-08-04T22:17:28Z")

</div>

Hey @eoinparkinson thanks a lot for your response. I was actually talking before with @actech very nice guy… his solution is web view so it doesn’t really help me, I’m looking for a native solution.

I’d appreciate any help, thanks!

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 4, 2020, 10:19pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/4 "2020-08-04T22:19:25Z")

</div>

Ahh okay. Well I’ve previously had decent luck using the [video component](https://docs.thunkable.com/video). I don’t know how your radio broadcast (stream url) comes through, but it may play through the video component. Set the source to the audio stream.

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [August 4, 2020, 10:56pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/5 "2020-08-04T22:56:25Z")

</div>

it cant be done on this platform i have a radio in playstore since API26 i need to update and cant do it here

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 11:09pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/6 "2020-08-04T23:09:15Z")

</div>

Actually can be done, I just did following @eoinparkinson IT WORKS! is streaming the radio station

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [August 4, 2020, 11:10pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/7 "2020-08-04T23:10:49Z")

</div>

well i would have to try that and see well cant play in the background that the mos important thing about a radio app

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 11:10pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/8 "2020-08-04T23:10:51Z")

</div>

Yes effectively the video component works! the ThunkableX team should add the same component with the label radio stream … in the editor would be great to see these guys improving that element cause it works! it can stream radio stations!  
@eoinparkinson Thanks!

@domhnallohanlon Can you guys fix this? there is a functional radio stream component in the ThunkableX editor but is only being used as Video stream it should be also suggested to use as Radio stream and if you guys can improve it for radio streams would be fantastic! Loving ThunkableX!

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 11:27pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/9 "2020-08-04T23:27:22Z")

</div>

@kizzy @eoinparkinson it totally works I took the video component and nested it inside a column element, then simply I hide the column element which hides as well the video component and then simply to program in the Block editor the entire functionality (play, stop, progression, etc) IT WORKS!

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 4, 2020, 11:27pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/10 "2020-08-04T23:27:51Z")

</div>

Great to hear that it works @Scene. Not sure on the stability of it, I just came across it. Again it all depends on the format. If anything does come up (any issues using this method), just drop a reply here. That way anybody searching this topic in the future knows if it’s a viable solution.

If the solution above works you can mark this topic as solved. All the best, Eoin.

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 4, 2020, 11:30pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/11 "2020-08-04T23:30:18Z")

</div>

> [@kizzy](#):
>
> cant play in the background that the mos important thing about a radio app

Hey @kizzy, this is well pointed out. I don’t know how this component works so maybe this wouldn’t function in the background. Mind you, ios14 allows for video overlay, and this works for Thunkable apps outside of the app. Maybe it’s something to consider here? I haven’t tested this on Android.

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 11:33pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/12 "2020-08-04T23:33:19Z")

</div>

@kizzy it plays on the background! that is what I wrote to take a column element put inside this column the video and then go to the property panel of the column and HIDE the column DON’T try to hide the column from the Block editor cause the player leaves the DOM so there is when you feel it won’t play on the background but I’m actually already using my own player not the video player at all but my player

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 11:36pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/13 "2020-08-04T23:36:36Z")

</div>

@eoinparkinson Stability won’t be an issue, this is behind the scenes an https protocol under an API it works for videos it works for sound. ThunkableX is behind the scenes simply React Native I know the video component used here, is a stable React Native component

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 4, 2020, 11:39pm UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/15 "2020-08-04T23:39:16Z")

</div>

It plays on the background with your own user interface! You can check my commentaries to learn more on how to do it but is a very simple solution

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [August 5, 2020, 12:09am UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/16 "2020-08-05T00:09:32Z")

</div>

Ok i will test some more

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 5, 2020, 12:12am UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/17 "2020-08-05T00:12:02Z")

</div>

@eoinparkinson @kizzy I’m not sure if is my phone or what I was testing with the Thunkable app wearing headphones and the sound works good but if I try using the speaker of the phone it doesn’t sound I checked Thunkable app permissions but I don’t see any permission for the sound?

---

<div class="post-metadata">

**Author:** ![kizzy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kizzy/32/76421_2.png) [@kizzy](https://community.thunkable.com/u/kizzy)\
**Post date:** [August 5, 2020, 12:13am UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/18 "2020-08-05T00:13:12Z")

</div>

i heard it loud on speaker

---

<div class="post-metadata">

**Author:** ![Scene](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/scene/32/46329_2.png) [@Scene](https://community.thunkable.com/u/Scene)\
**Post date:** [August 5, 2020, 12:21am UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/19 "2020-08-05T00:21:58Z")

</div>

@kizzy cool maybe if just my phone, I’ll run some more tests to see why I hear it only through headphones, my phone speaker sounds good with any other app

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [August 5, 2020, 7:47am UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/20 "2020-08-05T07:47:18Z")

</div>

You’ll need to turn silent mode off on your device, at least for iPhones anyway.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [August 5, 2020, 8:42am UTC](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271/21 "2020-08-05T08:42:21Z")

</div>

That’s great, guys! I see that you have found an interesting solution to use a video component for a radio stream. I also thought about it, but I didn’t think to use the play block to start playback )))

[Next page](https://community.thunkable.com/t/sound-component-for-a-live-radio-station/720271.md?page=2)
