frigate/web
Josh Hawkins 74f03b6f95 Fix HLS video initial aspect on Chrome
Explore videos are very small on Chrome specifically, this has something to do with how the latest version of Chrome loads video metadata. This change provides a default aspect ratio instead of a default height when the container ref is not defined yet
2025-08-27 13:16:43 -05:00
..
.vscode Update web readme (#12062) 2024-06-19 08:11:51 -06:00
images Fix site.webmanifest + add svg as favicon (#6304) 2023-05-04 18:04:24 -05:00
public Add languages (#19447) 2025-08-10 06:27:47 -06:00
src Fix HLS video initial aspect on Chrome 2025-08-27 13:16:43 -05:00
themes Dark mode theme tweaks (#17846) 2025-04-21 20:45:12 -06:00
.eslintrc.cjs Auth! (#11347) 2024-05-18 10:36:13 -06:00
.gitignore Use new UI (#8983) 2024-01-31 12:56:11 +00:00
.prettierrc Use prettier-plugin-tailwindcss (#11373) 2024-05-14 09:06:44 -06:00
components.json Improve notifications (#16632) 2025-02-17 07:19:03 -07:00
index.html use credentials for webmanifest (#10447) 2024-03-14 06:36:56 -06:00
login.html Auth! (#11347) 2024-05-18 10:36:13 -06:00
package-lock.json Update react-day-picker to 9.x (#18247) 2025-05-15 10:10:14 -06:00
package.json Update react-day-picker to 9.x (#18247) 2025-05-15 10:10:14 -06:00
postcss.config.js Fix linter and fix lint issues (#10141) 2024-02-28 16:23:56 -06:00
README.md Update web readme (#12062) 2024-06-19 08:11:51 -06:00
site.webmanifest Update webmanifest to use /BASE_PATH/ (#17310) 2025-03-23 05:34:33 -06:00
tailwind.config.cjs Implement smart capitalization based on locale (#17860) 2025-04-22 16:21:09 -06:00
tsconfig.json Use new UI (#8983) 2024-01-31 12:56:11 +00:00
tsconfig.node.json Use new UI (#8983) 2024-01-31 12:56:11 +00:00
vite.config.ts optional env var for easier development (#11426) 2024-05-18 18:49:38 -06:00

This is the Frigate frontend which connects to and provides a User Interface to the Python backend.

Web Development

Installing Web Dependencies Via NPM

Within /web, run:

npm install

Running development frontend

Within /web, run:

PROXY_HOST=<ip_address:port> npm run dev

The Proxy Host can point to your existing Frigate instance. Otherwise defaults to localhost:5000 if running Frigate on the same machine.

Extensions

Install these IDE extensions for an improved development experience:

  • eslint