# How to get sound playing while screen is locked or Google Maps on Web App

**URL:** <https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856>\
**Category:** Questions about Thunkable X\
**Tags:** googlemaps, solved, sound\
**Created:** [August 14, 2021, 7:16am UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856 "2021-08-14T07:16:21Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![benmleedskeu](https://avatars.discourse-cdn.com/v4/letter/b/5f8ce5/32.png) [@benmleedskeu](https://community.thunkable.com/u/benmleedskeu)\
**Post date:** [August 14, 2021, 7:16am UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/1 "2021-08-14T07:16:21Z")

</div>

Hey guys -

I’m fairly new to Thunkable but have looked though all the community docs for an answer but not seen anything that helps.

I’m building an app which needs two things:

1. Maps with Polylines and Markers
2. To be able to play Audio in the background when the phone screen is locked

Having done some testing, it seems like:

1. As a Native app I can use Maps/Polylines/Markers BUT audio will stop when the app screen is locked  
OR
2. As a Web app I can play audio (and have it continue to play when the phone screen is locked) BUT the maps component won’t work.

Does anybody have any workarounds that would help me achieve the sound/audio AND the maps?

Many 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:** [August 14, 2021, 8:23am UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/2 "2021-08-14T08:23:39Z")

</div>

You can use the native app but start the audio using this block which is in the `Control` drawer and supplying the URL of your audio file.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/3/13bf6c63c360bc699f35830624a006d657adda39.png)

This will make you reap the benefit of both situations.

The drawback of this is that the audio will run in a browser and need to be closed separately.

---

<div class="post-metadata">

**Author:** ![benmleedskeu](https://avatars.discourse-cdn.com/v4/letter/b/5f8ce5/32.png) [@benmleedskeu](https://community.thunkable.com/u/benmleedskeu)\
**Post date:** [August 14, 2021, 1:15pm UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/3 "2021-08-14T13:15:48Z")

</div>

Thanks muneer - that could work!

But no known ways to achieve what I’m looking to do without pushing the user out into a new browser to play the audio?

---

<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:** [August 14, 2021, 4:33pm UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/4 "2021-08-14T16:33:06Z")

</div>

Yes, you can design your app as a web app but instead of using the `map` component use the Google map API.

See this intro video

[![](https://img.youtube.com/vi/zHQbxy3FqOk/maxresdefault.jpg "How to add a simple map to your web page (Easy Mode)") ](https://www.youtube.com/watch?v=zHQbxy3FqOk)

---

<div class="post-metadata">

**Author:** ![benmleedskeu](https://avatars.discourse-cdn.com/v4/letter/b/5f8ce5/32.png) [@benmleedskeu](https://community.thunkable.com/u/benmleedskeu)\
**Post date:** [August 15, 2021, 8:02am UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/5 "2021-08-15T08:02:53Z")

</div>

Thanks Muneer -

Sorry if this is a stupid questions - but how would I do that?

My understanding is that webviews aren’t supported by Thunkable Web Apps and without writing custom javascript (which I understand also isn’t supported) I don’t think it’s possible to draw Polylines on maps?

---

<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:** [August 15, 2021, 8:22am UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/6 "2021-08-15T08:22:10Z")

</div>

Seeing is believing

See this sample project to play audio. It is a `List View` of number of audio files and when selected it is played using a `Web Viewer`. Easy and basic.  
[https://x.thunkable.com/projectPage/60250d9ec0d1251227b520dc](https://x.thunkable.com/projectPage/60250d9ec0d1251227b520dc)

I made a [web app link](https://thunkable.site/w/7qw800Ecg)

Here is the images from my phone.

 ![signal-2021-08-15-111845](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/f/cf73eaf58f855ab9d236cdb7155b61fb9af9238f.jpeg)  
 ![signal-2021-08-15-111314_002](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/7/a7825aefcbca96607d73074cecb973d375ef0f4f.jpeg)  
 ![signal-2021-08-15-111314_001](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/d/6d250f17762bd5ece21bbfb5e4cf1c0961b61658.jpeg)

If you look at the table of **unsupported components in Web Apps** you will see that the `Web Viewer` is supported but the _BACK button_ is not supported.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/7/1775abc12dce4b53b4b058134172f079eccbab7b.png)

---

<div class="post-metadata">

**Author:** ![benmleedskeu](https://avatars.discourse-cdn.com/v4/letter/b/5f8ce5/32.png) [@benmleedskeu](https://community.thunkable.com/u/benmleedskeu)\
**Post date:** [August 16, 2021, 4:07am UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/7 "2021-08-16T04:07:15Z")

</div>

Thaanks for taking the time to put this together muneer. Very kind and very helpful!

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:17pm UTC](https://community.thunkable.com/t/how-to-get-sound-playing-while-screen-is-locked-or-google-maps-on-web-app/1448856/8 "2024-11-08T13:17:23Z")

</div>


