# Where i can find Media Style Notification

**URL:** <https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255>\
**Category:** Questions about Thunkable X\
**Created:** [June 15, 2021, 12:27pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255 "2021-06-15T12:27:31Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 15, 2021, 12:27pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/1 "2021-06-15T12:27:31Z")

</div>

hi how are you I’m looking for Media Style Notification  
can you help me how i find

regards

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 15, 2021, 4:45pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/2 "2021-06-15T16:45:59Z")

</div>

Have you searched the forums? This topic has come up before. Also, please provide details about what you need. For example, a screenshot or description of the type of notification you want.

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 15, 2021, 8:12pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/3 "2021-06-15T20:12:48Z")

</div>

![Inked0_WtOsAmDiIuQlGj1e_LI](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/b/ab0e89751c6f89e515aa96a05c40a19177c8e5d8.jpeg)

i mean this i want use for radio app

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 15, 2021, 8:41pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/4 "2021-06-15T20:41:16Z")

</div>

![ac993e3e0d99a567ec54af419909854470bc872e_2_364x750](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0ad8e124b041728dac572b94c3f9c8f2295fe2fe.jpeg)

or like this

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 18, 2021, 9:40am UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/5 "2021-06-18T09:40:13Z")

</div>

hi  
please to who have experience can help about this Media Style Notification

i think its clear in pic what i mean its for radio app

I hope to get an answer from the experienced

regards

 ![Screenshot_20180624-211705_Samsung Experience Home](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/b/ebcd749566f7cb3daf3a3c9ded6f96e9fb8b7c85.jpg)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 18, 2021, 12:57pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/6 "2021-06-18T12:57:38Z")

</div>

If you want the sound app to come active in the screen then use .html file to start a sound file. The sound/media component will appear in the active component on the phone screen.

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 19, 2021, 5:30pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/7 "2021-06-19T17:30:01Z")

</div>

thanks my friend but not this what i want i need media style notification extension

i want use for radio FM app its paid extension so can help me where i can find

regards

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 19, 2021, 5:52pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/8 "2021-06-19T17:52:28Z")

</div>

Thunkable X does not support extensions, sorry.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [June 19, 2021, 6:28pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/9 "2021-06-19T18:28:12Z")

</div>

Thunkable X does not support exstension like AI2.  
Like @tatiang said.  
However you can add extra’s through the WebViewer by loading a HTML file into it.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 19, 2021, 7:32pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/10 "2021-06-19T19:32:41Z")

</div>

I believe you did not understand my explanation but they say a picture worth a 1000 words

See this a sample app to play sounds.

 ![Screenshot_20210619_222412](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0fd2c242e86123dc663bed39b9894735ba3ac766.jpeg)  
Very simple just select from the list and the html file will play.

However, while playing the audio, I can close the screen or slide down the notification panel to check my audio file like this.

 ![Screenshot_20210619_222426](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/3/63fee659c0e64387415c8a313634d579aeb93fbc.jpeg)  
Of course using CSS I can design it to be beautiful and eye catching but this is only proof of concept.

This is from closed screen

 ![Screenshot_20210619_223119_com.android.keyguard](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/a/6ab2c2985bcd33ced9309116378d929596984ff6.jpeg)

Hope this makes it clear.

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 19, 2021, 7:36pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/11 "2021-06-19T19:36:53Z")

</div>

> [@libnansatx2qji5](#):
>
> extension

thanks for explain more ok can you send me file simple how its work and how I can add

regards

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 19, 2021, 7:41pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/12 "2021-06-19T19:41:40Z")

</div>

Because I use before kodular app now i change to use thunkable x for this I don’t have more experince about thunkable if you can send me simple how its work betere and very thanks to you

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 19, 2021, 7:46pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/13 "2021-06-19T19:46:41Z")

</div>

This is not Thunkable.  
This is HTML and JavaScript. I make all my extensions in vanilla JavaScript as possible as I can. In fact this one is a pure w3s solution. No need to buy extensions.

I will try to make you a working example and share it here.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 20, 2021, 3:40pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/14 "2021-06-20T15:40:38Z")

</div>

I just did number of tests and found out that if you use the `open link` component you will get the notification icon automatically without any other coding.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/7/578371f2898e23aeb28c8b5b6adb1e5b1249fecf.png)

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 20, 2021, 6:00pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/15 "2021-06-20T18:00:23Z")

</div>

ok my friend i will try and i will late you know

thanks

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 24, 2021, 6:38pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/16 "2021-06-24T18:38:18Z")

</div>

hi my friend i still try but its same mastike so can you send me full this blocks and how i add this linke to use this style

regards

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 24, 2021, 7:48pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/17 "2021-06-24T19:48:05Z")

</div>

my friend i try this not work same what i want in pic i need when i press back scren show media notification same in pic

 ![ac993e3e0d99a567ec54af419909854470bc872e_2_364x750](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0ad8e124b041728dac572b94c3f9c8f2295fe2fe.jpeg)  
 ![Screenshot_20180624-211705_Samsung Experience Home](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/b/ebcd749566f7cb3daf3a3c9ded6f96e9fb8b7c85.jpg)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 24, 2021, 8:04pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/18 "2021-06-24T20:04:08Z")

</div>

Will make a sample project and share it here.

---

<div class="post-metadata">

**Author:** ![libnansatx2qji5](https://avatars.discourse-cdn.com/v4/letter/l/c57346/32.png) [@libnansatx2qji5](https://community.thunkable.com/u/libnansatx2qji5)\
**Post date:** [June 24, 2021, 8:33pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/19 "2021-06-24T20:33:53Z")

</div>

thanks

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 25, 2021, 2:42pm UTC](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255/20 "2021-06-25T14:42:21Z")

</div>

[https://x.thunkable.com/projectPage/60d5e8265a3f9900128f1943](https://x.thunkable.com/projectPage/60d5e8265a3f9900128f1943)

Check this.

It is opening the following .html file

```auto
<!DOCTYPE html>
<html>
<body>

<p> Audio Demo from www.bensound.com</p>

<audio controls autoplay>
  <source src="https://3ynihrnjb7v5zcebdgtvag-on.drv.tw/sounds/bensound-cute.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

</body>
</html>

```

[Next page](https://community.thunkable.com/t/where-i-can-find-media-style-notification/1346255.md?page=2)