starred/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2026-05-30 23:40:40 +02:00
Code Issues 1.0k Packages Projects Releases 10 Wiki Activity

[Enhancement]: PWA Support #204

New Issue
Closed
opened 2026-04-24 23:01:03 +02:00 by adam · 9 comments
adam commented 2026-04-24 23:01:03 +02:00
Owner
Copy Link
Copy Source

Originally created by @Zibbp on GitHub (Feb 8, 2022).

Describe the feature/enhancement

PWA support would allow Chromium users to install the website as an "app" to their local desktop. I personally would prefer having a dedicated PWA then a tab in my browser for listening on my desktop.

Here is an example of https://open.spotify.com/ allowing me to install the PWA app.
image

Originally created by @Zibbp on GitHub (Feb 8, 2022). ### Describe the feature/enhancement PWA support would allow Chromium users to install the website as an "app" to their local desktop. I personally would prefer having a dedicated PWA then a tab in my browser for listening on my desktop. Here is an example of [https://open.spotify.com/](https://open.spotify.com/) allowing me to install the PWA app. ![image](https://user-images.githubusercontent.com/21207065/153061133-d6c2a707-4c66-4695-b76e-ef43f5abb0ce.png)
adam added the enhancement label 2026-04-24 23:01:03 +02:00
adam closed this issue 2026-04-24 23:01:04 +02:00
adam commented 2026-04-24 23:01:04 +02:00
Author
Owner
Copy Link
Copy Source

@freitagdavid commented on GitHub (Feb 8, 2022):

Another possibility since the mobile apps are built with react native would be to also create a react native desktop version so there was a native app for the desktop as well. Though I imagine that would take a whole lot of work.

@freitagdavid commented on GitHub (Feb 8, 2022): Another possibility since the mobile apps are built with react native would be to also create a react native desktop version so there was a native app for the desktop as well. Though I imagine that would take a whole lot of work.
adam commented 2026-04-24 23:01:05 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Feb 9, 2022):

Yeah this is a good call. I've setup a few PWAs and it is a pretty quick add. There are a few pages/components in the web app that won't function well on mobile, but for the most part it is good to go.

Another possibility since the mobile apps are built with react native would be to also create a react native desktop version so there was a native app for the desktop as well. Though I imagine that would take a whole lot of work.

The mobile app is actually made with Capacitor. Similar to React native but using Vue. It is also a good idea to make a desktop version of the mobile app, but right now it doesn't have the ability to add/update audiobooks, accounts, etc., so maybe something for the future.

@advplyr commented on GitHub (Feb 9, 2022): Yeah this is a good call. I've setup a few PWAs and it is a pretty quick add. There are a few pages/components in the web app that won't function well on mobile, but for the most part it is good to go. > Another possibility since the mobile apps are built with react native would be to also create a react native desktop version so there was a native app for the desktop as well. Though I imagine that would take a whole lot of work. The mobile app is actually made with Capacitor. Similar to React native but using Vue. It is also a good idea to make a desktop version of the mobile app, but right now it doesn't have the ability to add/update audiobooks, accounts, etc., so maybe something for the future.
adam commented 2026-04-24 23:01:05 +02:00
Author
Owner
Copy Link
Copy Source

@freitagdavid commented on GitHub (Feb 9, 2022):

Ah really wow that looked very similar to react native, I was wondering why you had vue on the web side and react native on the apps guess that explains it haha.

@freitagdavid commented on GitHub (Feb 9, 2022): Ah really wow that looked very similar to react native, I was wondering why you had vue on the web side and react native on the apps guess that explains it haha.
adam commented 2026-04-24 23:01:05 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Feb 9, 2022):

Just pushed v1.6.66 where web client can be installed as a PWA.

Chromium browsers require that the website be served from a secure origin to run service workers and install PWA's. There is a flag you can use to workaround this though:
(in brave)
image

I tested on Android and iOS and it isn't necessary there, any site can be added to home screen.

@advplyr commented on GitHub (Feb 9, 2022): Just pushed `v1.6.66` where web client can be installed as a PWA. Chromium browsers require that the website be served from a secure origin to run service workers and install PWA's. There is a flag you can use to workaround this though: (in brave) ![image](https://user-images.githubusercontent.com/67830747/153271908-19cbf7b9-7176-4ce1-8729-c3ba84b79d36.png) I tested on Android and iOS and it isn't necessary there, any site can be added to home screen.
adam commented 2026-04-24 23:01:06 +02:00
Author
Owner
Copy Link
Copy Source

@Zibbp commented on GitHub (Feb 9, 2022):

Working great on Windows using Chrome with the "insecure origins" flag. Thanks for the quick implementation!

image

@Zibbp commented on GitHub (Feb 9, 2022): Working great on Windows using Chrome with the "insecure origins" flag. Thanks for the quick implementation! ![image](https://user-images.githubusercontent.com/21207065/153299840-e46671cc-9b73-4732-a7a6-4cdeb4b25eba.png)
adam commented 2026-04-24 23:01:06 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Feb 9, 2022):

Nice! Thanks for following up.

@advplyr commented on GitHub (Feb 9, 2022): Nice! Thanks for following up.
adam commented 2026-04-24 23:01:06 +02:00
Author
Owner
Copy Link
Copy Source

@alextenev commented on GitHub (Nov 6, 2022):

Hi, @advplyr !

I'm using 2.2.2 and am unable to install the PWA. Tried the flags on both Brave and Edge. Is it still enabled?

Cheers,
Alex

@alextenev commented on GitHub (Nov 6, 2022): Hi, @advplyr ! I'm using 2.2.2 and am unable to install the PWA. Tried the flags on both Brave and Edge. Is it still enabled? Cheers, Alex
adam commented 2026-04-24 23:01:06 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Nov 6, 2022):

Hey I recently noticed this was not working. Will need to investigate this

@advplyr commented on GitHub (Nov 6, 2022): Hey I recently noticed this was not working. Will need to investigate this
adam commented 2026-04-24 23:01:06 +02:00
Author
Owner
Copy Link
Copy Source

@advplyr commented on GitHub (Nov 27, 2022):

This is fixed again

@advplyr commented on GitHub (Nov 27, 2022): This is fixed again
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
authentication
backlog
bug
chapter editor
config-issue
ebooks
encoding/embedding
enhancement
help wanted
listening sessions & progress
planned
possible plugin
progress sync
pull-request
Mirrored from GitHub Pull Request
 sorting/filtering/searching
unable to reproduce
upload
users & permissions
waiting
No Label enhancement
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam (Adam Melkus)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#204
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?