search

blakeblackshear / frigate

NVR with realtime local object detection for IP cameras
https://frigate.video
MIT License
18.38k stars 1.68k forks source link

Serve Web UI as a Progressive Web App #6253

Closed mdezzi closed 6 months ago

mdezzi commented 1 year ago

Describe what you are trying to accomplish and why in non technical terms It would be great to serve the web ui as a PWA so that i can "install" frigate on my mobile device or in windows to create a desktop icon, or frigate app in my app drawer.

Describe the solution you'd like I am not familiar with the in-depth technical changes that are required, but as i understand it, most web UI's can be converted to a PWA by adding a manifest file. Examples of web ui's that are available as PWA's that i am familiar with are: Overseerr, Mealie, jsonformatter.com, regex101. Reddit, SoundCloud, Twitter, Youtube Music are also served as PWA's.

Describe alternatives you've considered I have tried creating shortcuts to my webUI on both android and windows. On android, it does not allow you to "install" the app and appear in the app drawer. On windows, it just opens the link in whatever default web browser, and doesnt allow you to open in its own app window.

Additional context

NickM-27 commented 1 year ago

This is already supported on mobile, I have frigate as an app on my android and iOS.

mdezzi commented 1 year ago

@NickM-27 I am confused. You installed frigate via google play/apple app store? Or you were able to install as a PWA? When i open a PWA supported web ui in chrome on android it gives me the option to install the app. I dont see that when i open my frigate web ui. (I am on v0.12.0)

NickM-27 commented 1 year ago

I just used the add to homescreen option in chrome. It shows up in my app drawer and on my homescreen and I can launch it as if it was an app that was installed.

mdezzi commented 1 year ago

That might be device/launcher specific, because when i do that it only puts it on my home screen (not app drawer), and opens in chrome. I am on a Pixel 6A and tried with Pixel Launcher as well as Nova Launcher.

NickM-27 commented 1 year ago

weird, it opens as its own app and no address bar or anything for me

mdezzi commented 1 year ago

I was able to find this guide for packaging an existing web app as a PWA: https://docs.pwabuilder.com/#/studio/existing-app