2021-01-22 14:34:40 +01:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< meta name = "generator" content = "Docusaurus v2.0.0-alpha.70" >
2021-01-22 14:50:27 +01:00
< link rel = "alternate" type = "application/rss+xml" href = "/frigate/blog/rss.xml" title = "Frigate Blog RSS Feed" >
< link rel = "alternate" type = "application/atom+xml" href = "/frigate/blog/atom.xml" title = "Frigate Blog Atom Feed" > < title data-react-helmet = "true" > Web Interface | Frigate< / title > < meta data-react-helmet = "true" name = "twitter:card" content = "summary_large_image" > < meta data-react-helmet = "true" name = "docusaurus_locale" content = "en" > < meta data-react-helmet = "true" name = "docusaurus_version" content = "current" > < meta data-react-helmet = "true" name = "docusaurus_tag" content = "docs-default-current" > < meta data-react-helmet = "true" property = "og:title" content = "Web Interface | Frigate" > < meta data-react-helmet = "true" name = "description" content = "Frigate comes bundled with a simple web ui that supports the following:" > < meta data-react-helmet = "true" property = "og:description" content = "Frigate comes bundled with a simple web ui that supports the following:" > < meta data-react-helmet = "true" property = "og:url" content = "https://blakeblackshear.github.io/frigate/usage/web" > < link data-react-helmet = "true" rel = "shortcut icon" href = "/frigate/img/favicon.ico" > < link data-react-helmet = "true" rel = "canonical" href = "https://blakeblackshear.github.io/frigate/usage/web" > < link rel = "stylesheet" href = "/frigate/styles.3cef2c0e.css" >
< link rel = "preload" href = "/frigate/styles.9ee538de.js" as = "script" >
2021-01-22 15:03:31 +01:00
< link rel = "preload" href = "/frigate/runtime~main.d59aa137.js" as = "script" >
2021-01-22 14:50:27 +01:00
< link rel = "preload" href = "/frigate/main.a244e8e4.js" as = "script" >
< link rel = "preload" href = "/frigate/1.ae1576eb.js" as = "script" >
< link rel = "preload" href = "/frigate/2.0c8f52fa.js" as = "script" >
< link rel = "preload" href = "/frigate/24.22ef4830.js" as = "script" >
< link rel = "preload" href = "/frigate/935f2afb.a10c19ec.js" as = "script" >
< link rel = "preload" href = "/frigate/17896441.8d5dd138.js" as = "script" >
< link rel = "preload" href = "/frigate/36572f8b.50c4aec6.js" as = "script" >
2021-01-22 14:34:40 +01:00
< / head >
< body >
< script > ! function ( ) { function t ( t ) { document . documentElement . setAttribute ( "data-theme" , t ) } var e = function ( ) { var t = null ; try { t = localStorage . getItem ( "theme" ) } catch ( t ) { } return t } ( ) ; t ( null !== e ? e : "light" ) } ( ) < / script > < div id = "__docusaurus" >
2021-01-22 14:50:27 +01:00
< nav aria-label = "Skip navigation links" > < button type = "button" tabindex = "0" class = "skipToContent_11B0" > Skip to main content< / button > < / nav > < nav class = "navbar navbar--fixed-top" > < div class = "navbar__inner" > < div class = "navbar__items" > < div aria-label = "Navigation bar toggle" class = "navbar__toggle" role = "button" tabindex = "0" > < svg aria-label = "Menu" width = "30" height = "30" viewBox = "0 0 30 30" role = "img" focusable = "false" > < title > Menu< / title > < path stroke = "currentColor" stroke-linecap = "round" stroke-miterlimit = "10" stroke-width = "2" d = "M4 7h22M4 15h22M4 23h22" > < / path > < / svg > < / div > < a class = "navbar__brand" href = "/frigate/" > < img src = "/frigate/img/logo.svg" alt = "Frigate" class = "themedImage_YANc themedImage--light_3CMI navbar__logo" > < img src = "/frigate/img/logo-dark.svg" alt = "Frigate" class = "themedImage_YANc themedImage--dark_3ARp navbar__logo" > < strong class = "navbar__title" > Frigate< / strong > < / a > < a class = "navbar__item navbar__link" href = "/frigate/" > Docs< / a > < / div > < div class = "navbar__items navbar__items--right" > < a href = "https://github.com/blakeblackshear/frigate" target = "_blank" rel = "noopener noreferrer" class = "navbar__item navbar__link" > GitHub< / a > < div class = "react-toggle react-toggle--disabled displayOnlyInLargeViewport_2N3Q" > < div class = "react-toggle-track" > < div class = "react-toggle-track-check" > < span class = "toggle_3NWk" > 🌜< / span > < / div > < div class = "react-toggle-track-x" > < span class = "toggle_3NWk" > 🌞< / span > < / div > < / div > < div class = "react-toggle-thumb" > < / div > < input type = "checkbox" disabled = "" aria-label = "Dark mode toggle" class = "react-toggle-screenreader-only" > < / div > < / div > < / div > < div role = "presentation" class = "navbar-sidebar__backdrop" > < / div > < div class = "navbar-sidebar" > < div class = "navbar-sidebar__brand" > < a class = "navbar__brand" href = "/frigate/" > < img src = "/frigate/img/logo.svg" alt = "Frigate" class = "themedImage_YANc themedImage--light_3CMI navbar__logo" > < img src = "/frigate/img/logo-dark.svg" alt = "Frigate" class = "themedImage_YANc themedImage--dark_3ARp navbar__logo" > < strong class = "navbar__title" > Frigate< / strong > < / a > < / div > < div class = "navbar-sidebar__items" > < div class = "menu" > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" href = "/frigate/" > Docs< / a > < / li > < li class = "menu__list-item" > < a href = "https://github.com/blakeblackshear/frigate" target = "_blank" rel = "noopener noreferrer" class = "menu__link" > GitHub< / a > < / li > < / ul > < / div > < / div > < / div > < / nav > < div class = "main-wrapper" > < div class = "docPage_vMrn" > < div class = "docSidebarContainer_3Ak5" role = "complementary" > < div class = "sidebar_3gvy" > < div class = "menu menu--responsive thin-scrollbar menu_1yIk" > < button aria-label = "Open Menu" aria-haspopup = "true" class = "button button--secondary button--sm menu__button" type = "button" > < svg aria-label = "Menu" class = "sidebarMenuIcon_1CUI" width = "24" height = "24" viewBox = "0 0 30 30" role = "img" focusable = "false" > < title > Menu< / title > < path stroke = "currentColor" stroke-linecap = "round" stroke-miterlimit = "10" stroke-width = "2" d = "M4 7h22M4 15h22M4 23h22" > < / path > < / svg > < / button > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link menuLinkText_yu3-" > Frigate< / a > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/" > Features< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/how-it-works" > How it works< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/hardware" > Recommended hardware< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/installation" > Installation< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/troubleshooting" > Troubleshooting< / a > < / li > < / ul > < / li > < li class = "menu__list-item" > < a class = "menu__link menuLinkText_yu3-" > Configuration< / a > < ul class = "menu__list" > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/configuration/index" > Configuration< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/configuration/cameras" > Cameras< / a > < / li > < li class = "menu__list-item" > < a class = "menu__link" tabindex = "0" href = "/frigate/configu
< script src = "/frigate/styles.9ee538de.js" > < / script >
2021-01-22 15:03:31 +01:00
< script src = "/frigate/runtime~main.d59aa137.js" > < / script >
2021-01-22 14:50:27 +01:00
< script src = "/frigate/main.a244e8e4.js" > < / script >
< script src = "/frigate/1.ae1576eb.js" > < / script >
< script src = "/frigate/2.0c8f52fa.js" > < / script >
< script src = "/frigate/24.22ef4830.js" > < / script >
< script src = "/frigate/935f2afb.a10c19ec.js" > < / script >
< script src = "/frigate/17896441.8d5dd138.js" > < / script >
< script src = "/frigate/36572f8b.50c4aec6.js" > < / script >
2021-01-22 14:34:40 +01:00
< / body >
< / html >
