andrewmcgivery / obsidian-soundscapes

A plugin for Obsidian.MD that adds a music/ambiance player to the status bar to play Lofi beats, nature sounds, ambiance, relaxing music, and more.
MIT License
46 stars 7 forks source link

[FR]: Mobile support #7

Open FeralFlora opened 4 months ago

FeralFlora commented 4 months ago

I was excited to hear about this plugin when it was announced, but unfortunately I can't use it on my iPad. Would it be possible to have the controls in the sidebar rather than the status bar on mobile devices? Are there perhaps bigger roadblocks than that preventing mobile support? In any case, I hope they can be resolved eventually.

One benefit I hope to glean from this plugin is that it will keep me away from fiddling with my music / ambiance on other platforms, thus keeping me more focused on my work inside Obsidian.

andrewmcgivery commented 4 months ago

Hi there :)

I'll need to do some experimentation with this.

Unfortunately, mobile has some limitations that desktop doesn't have, such as differences in UI elements. Part of the reason this plugin works is because the player is persistent within the status bar.

I'll have to play around with mobile to see what options are there for persistent UI.

FeralFlora commented 4 months ago

Hi!

Unfortunately, mobile has some limitations that desktop doesn't have, such as differences in UI elements. Part of the reason this plugin works is because the player is persistent within the status bar.

Yeah, that's why I asked if it would be possible to have a sidebar UI for mobile, since there is no status bar there. Assuming that the current underlying APIs work on mobile.

I'll have to play around with mobile to see what options are there for persistent UI.

Alright, hopefully it works out! 👍

FelipeRearden commented 4 months ago

Hello @andrewmcgivery !!!!

I use Obsidian Mobile on iPadOS with a mouse and keyboard and I would like to use this amazing plugin on Mobile as well.

This way I would like to share some information about Soundscapes on Mobile

ℹī¸ First of all, I changed DesktopOnly to false to be able to enable on Obsidian Mobile.

Before version 1.2.0 it was possible to use this plugin on Obsidian Mobile perfect since I have a snippet that shows the status bar on Mobile. In others words, it is feasible to use this plugin on Obsidian Mobile by adding a tiny css snippet

After version 1.2.0 when I try to enable the plugin from Community Plugins >>> Installed Plugins by clicking on the checkbox we have a notification than shows Failed to Load plugin Soundscapes

But I think I know why this happens :)

My Attempt to try yo Help 🙏

From past experiences I know that iOS does not support lookbehind Regex. This way the plugin cannot be ENABLE on iOS/iPadOS.

đŸŸĸ More details on this issue from another plugin:

jglev/obsidian-carry-forward#3 (comment)

🆘 It is NOT possible to reproduce this issue by emulating Obsidian Mobile on Desktop. In other words: It is working 100% perfect while emulating Obsidian Mobile on Desktop.


I hope my comments could help you to bring this plugin to Mobile users 🙏

Just to let you know that I am available to test a beta release to see if is working on Obsidian Mobile ☀ī¸


Thanks for reading this !!!!!

Let me know if you need more information !!!

Have a great day 🌞

FeralFlora commented 4 months ago

Hi @FelipeRearden, Can you please share that status bar snippet? It would be immensely useful to me and others, who work the same way on tablets.

Also, thanks for sharing your workaround, sounds promising, as there's not much preventing mobile support then. At least not in relation to the basic features. However, I think a more stable sidebar-based solution is needed for mobile users more broadly.

FelipeRearden commented 4 months ago

Can you please share that status bar snippet? It would be immensely useful to me and others, who work the same way on tablets

.is-mobile .app-container .status-bar {
    display: flex;
}
FeralFlora commented 4 months ago

Can you please share that status bar snippet? It would be immensely useful to me and others, who work the same way on tablets

.is-mobile .app-container .status-bar {
  display: flex;
}

Okay, wow, I'm suprised to find that it was that simple. I always thought that the status bar was unavailable on mobile, but it's simply hidden then? Thanks for sharing!

FelipeRearden commented 4 months ago

Hello @andrewmcgivery !!!!

I am bumping my previous comment about Mobile support in case you missed 🙏😅


I use Obsidian Mobile on iPadOS with a mouse and keyboard and I would like to use this amazing plugin on Mobile as well.

This way I would like to share some information about Soundscapes on Mobile

ℹī¸ First of all, I changed DesktopOnly to false to be able to enable on Obsidian Mobile.

Before version 1.2.0 it was possible to use this plugin on Obsidian Mobile perfect since I have a snippet that shows the status bar on Mobile. In others words, it is feasible to use this plugin on Obsidian Mobile by adding a tiny css snippet

After version 1.2.0 when I try to enable the plugin from Community Plugins >>> Installed Plugins by clicking on the checkbox we have a notification than shows Failed to Load plugin Soundscapes

But I think I know why this happens :)

My Attempt to try yo Help 🙏

From past experiences I know that iOS does not support lookbehind Regex. This way the plugin cannot be ENABLE on iOS/iPadOS.

đŸŸĸ More details on this issue from another plugin:

jglev/obsidian-carry-forward#3 (comment)

🆘 It is NOT possible to reproduce this issue by emulating Obsidian Mobile on Desktop. In other words: It is working 100% perfect while emulating Obsidian Mobile on Desktop.


I hope my comments could help you to bring this plugin to Mobile users 🙏

Just to let you know that I am available to test a beta release to see if is working on Obsidian Mobile ☀ī¸


Thanks for reading this !!!!!

Let me know if you need more information !!!

Have a great day 🌞

andrewmcgivery commented 3 months ago

Hey, I was on a work trip. :)

Appreciate your investigation into this! This is certainly on the TODO list. :)

FelipeRearden commented 3 months ago

Hey, I was on a work trip. :)

Appreciate your investigation into this! This is certainly on the TODO list. :)

Thank you very much for the reply @andrewmcgivery and for trying to add support for Mobile 🙏 🙏 🙏

I wish you a fantastic day ☀ī¸