# Continuous music / musak.... with webview?

**URL:** <https://community.glideapps.com/t/continuous-music-musak-with-webview/27313>\
**Category:** Ask for Help\
**Created:** [May 27, 2021, 4:54pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313 "2021-05-27T16:54:08Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 27, 2021, 4:54pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/1 "2021-05-27T16:54:08Z")

</div>

Here is the challenge:

- it would be great to play some music while waiting for something to happen

OK, that is the starting point. Let’s say:

- webview component - that would be opening something that is playing music constantly on a loop
- it is allowed to be embedded too

And then. the visibility condition might be if-toggle is not TRUE then show the webview, otherwise hide.

> **[Online Background Noises • Relaxing Sounds • Noise Masking](https://noises.online/player.php?g=bb5ea4)**
>
> Premium Ambient Noises & Relaxing Sounds • NEW Audio file download • Online & Free • Increase your focus • Boost your productivity • Quieten your mind • Mask your tinnitus • And more!

I found a nice site that has music on loops, but I do not know how to get these things embedded in a webview.

As it would be nice fro Glide to talk to you 🙂  
Any ideas? Thanks!

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 27, 2021, 5:01pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/2 "2021-05-27T17:01:16Z")

</div>

![Screenshot 2021-05-27 at 15.15.19](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/c/5c5cb74e1475c79390fd9b0a065cf0668271ce28.png)

I have a call waiting gif… music would be a nice addition 🙂

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 5:13pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/3 "2021-05-27T17:13:02Z")

</div>

> **[Plénitude - Musique gratuite de relaxation](https://www.musiquerelaxante.fr/musique/project/plenitude/)**
>
> Détendez-vous, méditez, relaxez-vous grâce à la programmation de cette radio digitale musicale.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [May 27, 2021, 5:14pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/4 "2021-05-27T17:14:51Z")

</div>

I was about to suggest [Radio Garden](http://radio.garden/), but it doesn’t allow itself to be embedded 😭

---

<div class="post-metadata">

**Author:** ![Zonez\_SF](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/zonez_sf/32/26294_2.png) [@Zonez\_SF](https://community.glideapps.com/u/Zonez_SF)\
**Post date:** [May 27, 2021, 5:18pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/5 "2021-05-27T17:18:37Z")

</div>

This probably isn’t the easiest way but since you’re based in Berlin, might as well keep with the theme. Soundcloud does allow embeds and you could upload your own playlist of whatever sounds/songs you want: [SoundCloud - Listen to music](https://soundcloud.com/pages/embed)

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 5:18pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/6 "2021-05-27T17:18:55Z")

</div>

after there are other themes

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/a/dac283ed8428b115010c39e9f6d4bebd1528ea75.png)

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 27, 2021, 5:20pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/7 "2021-05-27T17:20:40Z")

</div>

I’ll need the music to auto play, rather than be triggered with an audio controller. Muzak or wait-music really is the use case 🙂  
With glide I get a ping… when the user clicks a button …. Maybe I could turn the app into a farming app 😉

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 27, 2021, 5:23pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/8 "2021-05-27T17:23:27Z")

</div>

If you add the audio component through rich text with the autoplay flag, I think it should autoplay. I remember playing with that awhile back. Not sure how well it works with IOS.

I would think a webview would work too.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 5:23pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/9 "2021-05-27T17:23:30Z")

</div>

I have not yet managed to use the autoplay. I think glide automatically removes the “Autoplay” option from the richtext.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 5:26pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/10 "2021-05-27T17:26:06Z")

</div>

ah no sorry it works with webview finally when webview works autoplay works.

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 5:29pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/11 "2021-05-27T17:29:11Z")

</div>

Démo

EDIT ::: Version 2

Well I have not tested it in publication!

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 27, 2021, 6:10pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/12 "2021-05-27T18:10:06Z")

</div>

That second one is looking / hearing good!

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 6:13pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/13 "2021-05-27T18:13:46Z")

</div>

yeah  
I can’t handle the volume.  
I don’t really like elevator music anyway and loudly on top of that

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 27, 2021, 6:51pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/14 "2021-05-27T18:51:15Z")

</div>

I dry on volume.  
maybe Sir Master @Jeff_Hager or someone else has a solution.  
Obviously we need a script and as I think that in all logic Glide blocks the scripts it is difficult.

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [May 28, 2021, 1:00pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/15 "2021-05-28T13:00:40Z")

</div>

Webview in the expand view

https://player.vimeo.com/video/556189722

```auto
<iframe src="https://v7player.wostreaming.net/854" type="audio/mp3" allow="autoplay" id="audio" style="display:none">
</iframe>
<audio autoplay>
    <source src="https://v7player.wostreaming.net/854" type="audio/mp3">
</audio>

```

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 28, 2021, 1:09pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/16 "2021-05-28T13:09:02Z")

</div>

Hi @PabloMFalero  
Thank you for the info.

I did a quick test, but the autoplay does not work on chrome / windows!

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/6/164e3500d578e5aefdb1158b14eb1507b01796e2.png)

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [May 28, 2021, 1:10pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/17 "2021-05-28T13:10:18Z")

</div>

It works on mine, also have chrome and windows, let me test on my phone and I’ll get back

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 28, 2021, 1:15pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/18 "2021-05-28T13:15:37Z")

</div>

EDIt :: The main problem **with my css** is that the autoplay does not start all the time

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [May 28, 2021, 1:17pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/19 "2021-05-28T13:17:30Z")

</div>

Correct, my is the same. If I’m within the app it works fine, however if I exit it doesnt autoplay, plus webview doesnt display on the phone, only on the editor…☹

---

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [May 28, 2021, 1:18pm UTC](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313/20 "2021-05-28T13:18:52Z")

</div>

yes for the Webview you need a pro version 🤨

[Next page](https://community.glideapps.com/t/continuous-music-musak-with-webview/27313.md?page=2)
