Add a live camera feed to a Building BI dashboard from the Chart List.
The Camera widget displays a live camera feed on a Building BI dashboard alongside charts and metrics. Add it from the Chart List during dashboard edit mode, choose a camera type, connect the feed, and resize or reposition it like any other widget.
Find Camera in the Chart List catalogue with other widget types.
Dashboards
Create and edit dashboards that host camera widgets.
Widget customization
Style and arrange widgets on the canvas.
Last modified on September 15, 2026
Was this page helpful?
{"docsConfig":{"theme":"aspen","$schema":"https://mintlify.com/docs.json","name":"KODE Labs - Product Documentation","colors":{"primary":"#015BFA","light":"#3A9AFF","dark":"#015BFA"},"logo":{"light":"https://mintcdn.com/kodelabs/YfYud6Al4TM68wc2/logo/logo-light.png?fit=max\u0026auto=format\u0026n=YfYud6Al4TM68wc2\u0026q=85\u0026s=00d4ffd6ad7a592e52856804d1a53d12","dark":"https://mintcdn.com/kodelabs/YfYud6Al4TM68wc2/logo/logo-dark.png?fit=max\u0026auto=format\u0026n=YfYud6Al4TM68wc2\u0026q=85\u0026s=a6769f53904d96f5a53ea0c4b3c972d6","href":"/"},"favicon":{"light":"https://mintcdn.com/kodelabs/H3HEEQdnaG21O57-/logo/favicon-light.png?fit=max\u0026auto=format\u0026n=H3HEEQdnaG21O57-\u0026q=85\u0026s=3ae881e353dfb5c2f667e175ec82c799","dark":"https://mintcdn.com/kodelabs/H3HEEQdnaG21O57-/logo/favicon-dark.png?fit=max\u0026auto=format\u0026n=H3HEEQdnaG21O57-\u0026q=85\u0026s=845431bc7d53ce5bf50f56ef53d9137f"},"appearance":{"default":"light","strict":true},"background":{"color":{"light":"#ffffff","dark":"#121212"}},"navbar":{"links":[{"href":"https://kodelabs.com/contact/","label":"Contact Us"}]},"footer":{"socials":{"x":"https://twitter.com/kodelabs","instagram":"https://www.instagram.com/kode_labs","linkedin":"https://www.linkedin.com/company/kodelabs","youtube":"https://www.youtube.com/channel/UCKCnsgnYtugWxMPzu3UEHkw"},"links":[{"header":"Platform","items":[{"label":"KODE OS","href":"https://kodelabs.com"},{"label":"Integrations","href":"https://kodelabs.com/partners/integrations-library"},{"label":"Security","href":"https://kodelabs.com/security"}]},{"header":"Resources","items":[{"label":"Blog","href":"https://kodelabs.com/blog"},{"label":"Reports \u0026 Guides","href":"https://kodelabs.com/resources"},{"label":"Podcasts \u0026 Webinars","href":"https://kodelabs.com/resources"},{"label":"Case Studies","href":"https://kodelabs.com/case-studies"},{"label":"News","href":"https://kodelabs.com/news"}]},{"header":"Solutions","items":[{"label":"Commercial","href":"https://kodelabs.com/solutions/commercial-real-estate"},{"label":"Corporate","href":"https://kodelabs.com/solutions/corporate"},{"label":"Retail","href":"https://kodelabs.com/solutions/retail"},{"label":"Healthcare","href":"https://kodelabs.com/solutions/healthcare"},{"label":"Education","href":"https://kodelabs.com/solutions/education"}]},{"header":"Company","items":[{"label":"About","href":"https://kodelabs.com/about"},{"label":"Careers","href":"https://kodelabs.com/careers"},{"label":"Internships","href":"https://kodelabs.com/internships"},{"label":"Contact Us","href":"https://kodelabs.com/contact"}]}]},"search":{"prompt":"Search our docs..."},"fonts":{"heading":{"family":"Manrope","weight":600},"body":{"family":"Inter"}},"icons":{"library":"lucide"},"styling":{"eyebrows":"section","codeblocks":{"theme":{"light":"github-light","dark":"github-dark"}},"latex":false},"integrations":{"ga4":{"measurementId":"G-WKYQEE1T4B"}},"banner":{"content":"KODE 3.19 is live. See [what's new in October 2026](/whats-new/2026/v3.19-october-2026).","dismissible":true,"color":{"light":"#015BFA","dark":"#015BFA"}},"errors":{"404":{"redirect":false,"title":"We're working on it!","description":"If you're not seeing this page, we're definitely updating it."}},"contextual":{"options":["copy","view",{"title":"Email KODE support","description":"Contact KODE Labs support for help","icon":"mail","href":"mailto:support@kodelabs.com"}],"display":"toc"},"interaction":{"drilldown":false},"metadata":{"timestamp":true},"navigation":{"global":{"anchors":[{"anchor":"Home","icon":"house","href":"/"},{"anchor":"What's New","icon":"megaphone","href":"/whats-new/2026/v3.19-october-2026"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"kodelabs","hasAudioNarration":false,"actualSubdomain":"kodelabs","customDomains":["docs.kodelabs.com"],"gitSource":{"type":"github","owner":"kode-labs","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6ae8ff708d7133e648ce7c1d","collectionId":"6ec774bf-f33e-4d0b-bb40-05a9a55f72b6","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ae8ff708d7133e648ce7c1d"},"feedback":{"thumbs":true,"agentFeedback":true},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"REMOVE_BRANDING":{"status":"DISABLED"},"CONTEXTUAL_FEEDBACK":{"status":"DISABLED"},"CODE_SNIPPET_FEEDBACK":{"status":"DISABLED"},"WEB_MCP":{"status":"DISABLED"},"NARRATION":{"status":"DISABLED"}},"buildId":"6aee2d27871d7729cac7f06f","clientVersion":"0.0.4076","searchFilterCounts":[{"language":"default","tag":"Integrations","count":215},{"language":"default","tag":"All Integrations","count":206},{"language":"default","tag":"EnerG","count":61},{"language":"default","tag":"Building BI","count":35},{"language":"default","tag":"AssetOps","count":32},{"language":"default","tag":"Cloud BMS","count":31},{"language":"default","tag":"Reference","count":29},{"language":"default","tag":"Get Started","count":28},{"language":"default","tag":"Meters","count":28},{"language":"default","tag":"Occupancy","count":26}],"searchSettings":{"showContentSnippets":true,"isFiltersEnabled":true,"maxResults":10}},"assistantConfig":{"enableStarterQuestions":true,"enableContextualStarterQuestions":true},"basePath":"","hasChatPermissions":true,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":true},"customCss":[{"filePath":"custom.css","href":"/_mintlify/custom/kodelabs/3b110747c25b763a/custom.css"}],"page":{"pagePath":"products/building-bi/reference/camera-widget","slug":"/products/building-bi/reference/camera-widget","pageMetadata":{"title":"Camera widget","sidebarTitle":"Camera widget","description":"Add a live camera feed to a Building BI dashboard from the Chart List.","icon":"video","keywords":["Building BI","camera","widget","live feed","dashboard","iFrame","KODE OS"],"href":"/products/building-bi/reference/camera-widget"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Add a live camera feed to a Building BI dashboard from the Chart List.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Card,CardGroup,Frame,Heading,OptimizedImage,Step,Steps,Table,Tip}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Camera`}),` widget displays a live camera feed on a Building BI dashboard alongside charts and metrics. Add it from the `,_jsx(_components.strong,{children:`Chart List`}),` during dashboard edit mode, choose a camera type, connect the feed, and resize or reposition it like any other widget.`]}),`\n`,_jsx(Heading,{level:`2`,id:`add-a-camera-widget`,children:`Add a camera widget`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Enter edit mode`,children:_jsxs(_components.p,{children:[`Open the dashboard and select `,_jsx(_components.strong,{children:`Edit Dashboard`}),`.`]})}),_jsxs(Step,{title:`Find Camera in the Chart List`,children:[_jsxs(_components.p,{children:[`In the `,_jsx(_components.strong,{children:`Chart List`}),`, search for `,_jsx(_components.strong,{children:`Camera`}),`, then drag `,_jsx(_components.strong,{children:`Camera`}),` onto the canvas.`]}),_jsx(Frame,{caption:`Search Camera in the Chart List and drag it onto the dashboard`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=4a5dfdf8d95ce3016d266609c54ed5cd`,alt:`Building BI edit mode with Chart List search set to Camera and the Camera widget ready to drag onto an empty dashboard canvas`,\"data-og-width\":`1310`,width:`1310`,\"data-og-height\":`1262`,height:`1262`,\"data-path\":`images/kode-os/building-bi/bbi-camera-widget-chart-list.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?w=280\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=d0b71697561c5533ac6eb243f43b3089 280w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?w=560\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=4b7c6595ab4356b4fc092914ef5a3f84 560w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?w=840\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=1e4334d8d746afad566e94002e0885c5 840w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=31749ab6a997fd4884d737a12b017252 1100w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=07f824c90b873dfc32fb100b0088fcd3 1650w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-chart-list.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=ebd1f61d65152e16f22a73e0e7062b0c 2500w`})})]}),_jsxs(Step,{title:`Configure the feed`,children:[_jsxs(_components.p,{children:[`In `,_jsx(_components.strong,{children:`Chart Configuration`}),` on the `,_jsx(_components.strong,{children:`Setup`}),` tab, set `,_jsx(_components.strong,{children:`Camera Type`}),` to `,_jsx(_components.strong,{children:`iFrame`}),`, `,_jsx(_components.strong,{children:`URI`}),`, or `,_jsx(_components.strong,{children:`Device`}),`. For `,_jsx(_components.strong,{children:`iFrame`}),`, paste the stream URL in `,_jsx(_components.strong,{children:`Source URL`}),`, then select `,_jsx(_components.strong,{children:`Embed`}),`.`]}),_jsx(Frame,{caption:`Camera Setup with Camera Type set to iFrame and Source URL ready to paste`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=f3ad762737b73adb15b1ae99a05bef00`,alt:`Chart Configuration Setup tab with Camera selected, Camera Type set to iFrame, Source URL paste field, and Embed button`,\"data-og-width\":`1310`,width:`1310`,\"data-og-height\":`1262`,height:`1262`,\"data-path\":`images/kode-os/building-bi/bbi-camera-widget-setup.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?w=280\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=be7bfe9f3ed2024297b88686c6a02f39 280w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?w=560\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=74e6e26feeb45a736bd7b1142c037f0c 560w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?w=840\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=f942b6e56c17271babfc730262ec270b 840w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=406b9023aead21f83527db26f59293ef 1100w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=97bd0e01fac3381c79d5919b59099b94 1650w, https://mintcdn.com/kodelabs/hpe6Pd1K3btC2pO2/images/kode-os/building-bi/bbi-camera-widget-setup.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hpe6Pd1K3btC2pO2\u0026q=85\u0026s=c0859deb6d031af894655c38202b4bda 2500w`})}),_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Field`}),_jsx(_components.th,{children:`Description`}),_jsx(_components.th,{children:`Required?`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Camera Type`})}),_jsxs(_components.td,{children:[`How the feed is connected: `,_jsx(_components.strong,{children:`iFrame`}),`, `,_jsx(_components.strong,{children:`URI`}),`, or `,_jsx(_components.strong,{children:`Device`})]}),_jsx(_components.td,{children:`Yes`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Source URL`})}),_jsxs(_components.td,{children:[`Stream or page URL to embed when `,_jsx(_components.strong,{children:`Camera Type`}),` is `,_jsx(_components.strong,{children:`iFrame`})]}),_jsx(_components.td,{children:`Yes when using iFrame`})]})]})]})]}),_jsx(Step,{title:`Publish`,children:_jsxs(_components.p,{children:[`Select `,_jsx(_components.strong,{children:`Save as Draft`}),` or `,_jsx(_components.strong,{children:`Publish`}),` when the layout is ready.`]})})]}),`\n`,_jsx(Heading,{level:`2`,id:`widget-behavior`,children:`Widget behavior`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Behavior`}),_jsx(_components.th,{children:`Detail`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Layout`})}),_jsx(_components.td,{children:`Drag to resize and reposition on the dashboard canvas`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Empty state`})}),_jsx(_components.td,{children:`Until you complete Setup, the widget prompts you to select values in the customization menu`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Live feed`})}),_jsx(_components.td,{children:`Shows the connected camera stream when the source is available`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Offline / error`})}),_jsx(_components.td,{children:`Displays a clear empty or error state when the feed is unavailable`})]})]})]}),`\n`,_jsx(Tip,{children:_jsx(_components.p,{children:`Place camera widgets on operational dashboards that combine live video with point trends, alarms, or KPI cards so operators stay in one view.`})}),`\n`,_jsx(Heading,{level:`2`,id:`next-steps`,children:`Next steps`}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Chart types`,icon:`trending-up`,href:`/products/building-bi/reference/chart-types#camera`,arrow:true,children:_jsx(_components.p,{children:`Find Camera in the Chart List catalogue with other widget types.`})}),_jsx(Card,{title:`Dashboards`,icon:`layout-dashboard`,href:`/products/building-bi/dashboards`,arrow:true,children:_jsx(_components.p,{children:`Create and edit dashboards that host camera widgets.`})}),_jsx(Card,{title:`Widget customization`,icon:`palette`,href:`/products/building-bi/widget-customization`,arrow:true,children:_jsx(_components.p,{children:`Style and arrange widgets on the canvas.`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"codeStyling":{"theme":{"light":"github-light","dark":"github-dark"}},"config":{},"pageMetadata":{"title":"Camera widget","sidebarTitle":"Camera widget","description":"Add a live camera feed to a Building BI dashboard from the Chart List.","icon":"video","keywords":["Building BI","camera","widget","live feed","dashboard","iFrame","KODE OS"],"href":"/products/building-bi/reference/camera-widget"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Add a camera widget","slug":"add-a-camera-widget","depth":2,"children":[]},{"title":"Widget behavior","slug":"widget-behavior","depth":2,"children":[]},{"title":"Next steps","slug":"next-steps","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"kodelabs","siteName":"KODE Labs - Product Documentation","title":"Camera widget - KODE Labs - Product Documentation","contextualStarterQuestions":[{"_id":"6aa943c8e4431f935e3ddbf5","deploymentId":"67fd4d9635f314f3a994be65","questionText":"How do I add a camera widget?","status":"active","generatedBy":"contextual","path":"products/building-bi/reference/camera-widget","createdAt":"2026-09-15T13:10:32.762Z","updatedAt":"2026-09-15T13:10:32.762Z","__v":0},{"_id":"6aa943c8e4431f935e3ddbf7","deploymentId":"67fd4d9635f314f3a994be65","questionText":"Can I resize the camera widget?","status":"active","generatedBy":"contextual","path":"products/building-bi/reference/camera-widget","createdAt":"2026-09-15T13:10:32.762Z","updatedAt":"2026-09-15T13:10:32.762Z","__v":0},{"_id":"6aa943c8e4431f935e3ddbf6","deploymentId":"67fd4d9635f314f3a994be65","questionText":"Where is the Camera in Chart List?","status":"active","generatedBy":"contextual","path":"products/building-bi/reference/camera-widget","createdAt":"2026-09-15T13:10:32.762Z","updatedAt":"2026-09-15T13:10:32.762Z","__v":0}],"navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-15T13:10:08.491Z","gitLastModified":"2026-09-15T13:09:10.000Z","originalFileLocation":"products/building-bi/reference/camera-widget.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=\"light\";if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Add a live camera feed to a Building BI dashboard from the Chart List.\">\u003cmeta data-mint-head name=\"application-name\" content=\"KODE Labs - Product Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Camera widget - KODE Labs - Product Documentation\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add a live camera feed to a Building BI dashboard from the Chart List.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"KODE Labs - Product Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://kodelabs.mintlify.site/_mintlify/api/og/v2?division=Charts+%26+widgets\u0026amp;title=Camera+widget\u0026amp;description=Add+a+live+camera+feed+to+a+Building+BI+dashboard+from+the+Chart+List.\u0026amp;theme=33000119799cccbf9867a87e\u0026amp;signature=c2d24868a5481251d58de98f9785aba250c052c53254c1154c05f56eb477d030\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Camera widget - KODE Labs - Product Documentation\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add a live camera feed to a Building BI dashboard from the Chart List.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://kodelabs.mintlify.site/_mintlify/api/og/v2?division=Charts+%26+widgets\u0026amp;title=Camera+widget\u0026amp;description=Add+a+live+camera+feed+to+a+Building+BI+dashboard+from+the+Chart+List.\u0026amp;theme=33000119799cccbf9867a87e\u0026amp;signature=c2d24868a5481251d58de98f9785aba250c052c53254c1154c05f56eb477d030\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/kodelabs/vtcGE1gj2AkAE1l2/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"KODE Labs - Product Documentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#015BFA\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/products/building-bi/reference/camera-widget.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.kodelabs.com/#organization\",\"name\":\"KODE Labs - Product Documentation\",\"url\":\"https://docs.kodelabs.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/kodelabs/YfYud6Al4TM68wc2/logo/logo-light.png?fit=max\u0026auto=format\u0026n=YfYud6Al4TM68wc2\u0026q=85\u0026s=00d4ffd6ad7a592e52856804d1a53d12\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.kodelabs.com#website\",\"name\":\"KODE Labs - Product Documentation\",\"url\":\"https://docs.kodelabs.com\",\"publisher\":{\"@id\":\"https://docs.kodelabs.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget#webpage\",\"url\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget\",\"name\":\"Camera widget\",\"description\":\"Add a live camera feed to a Building BI dashboard from the Chart List.\",\"dateModified\":\"2026-09-15T13:09:10.000Z\",\"isPartOf\":{\"@id\":\"https://docs.kodelabs.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Reference\",\"item\":\"https://docs.kodelabs.com/products/building-bi/reference/chart-types\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Charts \u0026 widgets\",\"item\":\"https://docs.kodelabs.com/products/building-bi/reference/chart-types\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Camera widget\",\"item\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget#article\",\"headline\":\"Camera widget\",\"name\":\"Camera widget\",\"description\":\"Add a live camera feed to a Building BI dashboard from the Chart List.\",\"url\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget\",\"mainEntityOfPage\":{\"@id\":\"https://docs.kodelabs.com/products/building-bi/reference/camera-widget#webpage\"},\"dateModified\":\"2026-09-15T13:09:10.000Z\",\"keywords\":\"Building BI, camera, widget, live feed, dashboard, iFrame, KODE OS\",\"publisher\":{\"@id\":\"https://docs.kodelabs.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.kodelabs.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"KODE Labs - Product Documentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"KODE Labs - Product Documentation","nav":{"global":{"anchors":[{"anchor":"Home","icon":"house","href":"/"},{"anchor":"What's New","icon":"megaphone","href":"/whats-new/2026/v3.19-october-2026"}]},"products":[{"product":"Cloud BMS","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/cloud-bms.svg","description":"Cloud building management, graphics, and control","pages":[{"title":"Cloud BMS","href":"/products/kode-os/get-started/introduction"}]},{"product":"Building BI","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/bbi.svg","description":"Dashboards and analytics for building performance","groups":[{"group":"Get Started","pages":[{"title":"What is Building BI?","sidebarTitle":"Overview","icon":"chart-bar","tag":"Must Read","href":"/products/building-bi/overview"},{"group":"Tutorials","icon":"graduation-cap","expanded":true,"pages":[{"title":"Build your first dashboard","sidebarTitle":"First dashboard","icon":"graduation-cap","tag":"Start here","mode":"wide","href":"/products/building-bi/tutorials/build-your-first-dashboard"}]}]},{"group":"Dashboards","pages":[{"title":"Dashboards","sidebarTitle":"Dashboards","icon":"layout-dashboard","href":"/products/building-bi/dashboards"},{"title":"Widget customization and styling","sidebarTitle":"Widget customization","icon":"palette","href":"/products/building-bi/widget-customization"},{"title":"PDF exports and scheduled reports","sidebarTitle":"PDF exports","icon":"file-down","href":"/products/building-bi/pdf-exports"},{"title":"Draft mode and version history","sidebarTitle":"Drafts and versions","icon":"history","href":"/products/building-bi/concepts/draft-mode-version-history"}]},{"group":"Data sources","pages":[{"title":"Data sources","sidebarTitle":"Data sources","icon":"database","href":"/products/building-bi/data-sources"},{"title":"Calculated fields","sidebarTitle":"Calculated Fields","icon":"calculator","href":"/products/building-bi/reference/calculated-fields"}]},{"group":"Collections \u0026 templates","pages":[{"title":"Collections","sidebarTitle":"Collections","icon":"folder-open","href":"/products/building-bi/collections"},{"title":"Templates","sidebarTitle":"Templates","icon":"copy","href":"/products/building-bi/templates"},{"title":"Deployment manager","sidebarTitle":"Deployment manager","icon":"rocket","href":"/products/building-bi/deployment-manager"}]},{"group":"Administration","pages":[{"title":"Building BI settings","sidebarTitle":"Settings","icon":"settings","href":"/products/building-bi/settings"},{"title":"How Building BI permissions work","sidebarTitle":"Permissions","icon":"shield","href":"/products/building-bi/concepts/how-permissions-work"}]},{"group":"Concepts","pages":[{"title":"The philosophy of Building BI","sidebarTitle":"Philosophy","icon":"lightbulb","href":"/products/building-bi/concepts/philosophy"},{"title":"Physical vs virtual data sources","sidebarTitle":"Physical vs virtual","icon":"database","href":"/products/building-bi/concepts/physical-vs-virtual-data-sources"},{"title":"How filtering works","sidebarTitle":"How filtering works","icon":"filter","href":"/products/building-bi/concepts/how-filtering-works"},{"title":"Drill-through filters","sidebarTitle":"Drill-through filters","icon":"search","href":"/products/building-bi/concepts/drill-through-filters"},{"title":"Choosing visualizations","sidebarTitle":"Choosing visualizations","icon":"chart-column","href":"/products/building-bi/concepts/choosing-visualizations"},{"title":"Dashboard performance","sidebarTitle":"Dashboard performance","icon":"gauge","href":"/products/building-bi/concepts/dashboard-performance"},{"title":"Templating vs deployment","sidebarTitle":"Templating vs deployment","icon":"git-compare","href":"/products/building-bi/concepts/templating-vs-deployment"}]},{"group":"Reference","icon":"book-a","pages":[{"group":"Charts \u0026 widgets","icon":"chart-bar","expanded":false,"pages":[{"title":"Chart types","sidebarTitle":"Chart types","icon":"trending-up","href":"/products/building-bi/reference/chart-types"},{"title":"Chart setup parameters","sidebarTitle":"Chart setup","icon":"settings-2","href":"/products/building-bi/reference/chart-setup-parameters"},{"title":"Chart styling options","sidebarTitle":"Chart styling options","icon":"palette","href":"/products/building-bi/reference/chart-styling-options"},{"title":"Slicer widget","sidebarTitle":"Slicer widget","description":"Configure Building BI slicers by column type, display mode, and interaction rules.","icon":"sliders-horizontal","href":"/products/building-bi/reference/slicer-widget"},{"title":"Camera widget","sidebarTitle":"Camera widget","icon":"video","href":"/products/building-bi/reference/camera-widget"},{"title":"Color tools","sidebarTitle":"Color tools","description":"Apply series colors, gradients, ranges, and palettes on Building BI widgets, and manage organization palettes in Settings.","icon":"pipette","href":"/products/building-bi/reference/color-tools"},{"title":"Table structures and polling","sidebarTitle":"Polling types","icon":"table","href":"/products/building-bi/reference/table-structures"},{"title":"Keyboard shortcuts","sidebarTitle":"Keyboard shortcuts","icon":"keyboard","href":"/products/building-bi/reference/keyboard-shortcuts"}]},{"group":"Data reference","icon":"table","expanded":false,"pages":[{"title":"Data Source Types \u0026 Databases","sidebarTitle":"Data Source Types \u0026","icon":"book-open","href":"/products/building-bi/reference/data-source-types"},{"title":"Timezone configuration","sidebarTitle":"Timezone","icon":"clock-3","href":"/products/building-bi/reference/timezone-configuration"}]},{"group":"Accessibility","icon":"accessibility","expanded":false,"pages":[{"title":"Accessibility in Building BI","sidebarTitle":"Overview","icon":"accessibility","href":"/products/building-bi/reference/accessibility/overview"},{"title":"View chart data as a table","sidebarTitle":"View as table","icon":"table-2","href":"/products/building-bi/reference/accessibility/view-chart-as-table"}]},{"group":"Filters \u0026 distribution","icon":"share-2","expanded":false,"pages":[{"title":"Filter options","sidebarTitle":"Filter Options","icon":"dot","href":"/products/building-bi/reference/filter-options"},{"title":"Shared links and scheduled reports","sidebarTitle":"Links and reports","icon":"send","href":"/products/building-bi/reference/shared-links-scheduled-reports"},{"title":"Template types","sidebarTitle":"Template types","icon":"copy","href":"/products/building-bi/reference/template-types"}]},{"title":"KODE glossary","sidebarTitle":"Glossary","icon":"book-a","href":"/products/building-bi/glossary"}]}]},{"product":"FDD","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/fdd.svg","description":"Fault detection and diagnostics for equipment","pages":[{"title":"FDD","href":"/products/fdd/overview"}]},{"product":"FTT","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/ftt.svg","description":"Automated functional testing and commissioning","pages":[{"title":"FTT","href":"/products/ftt/overview"}]},{"product":"AssetOps","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/assetops.svg","description":"Asset and maintenance operations","pages":[{"title":"AssetOps","href":"/products/assetops/quickstart/overview"}]},{"product":"EnerG","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/enerG.svg","description":"Energy management and sustainability reporting","pages":[{"title":"EnerG","href":"/products/energ/get-started/introduction"}]},{"product":"Launchpad","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/launchpad.svg","description":"Dynamic management for apps, users, and buildings","pages":[{"title":"Launchpad","href":"/products/launchpad/get-started/introduction"}]},{"product":"Mobile app","icon":"https://mintlify.s3.us-west-1.amazonaws.com/kodelabs/images/mobile-app.svg","description":"Monitor and operate buildings from iOS and Android","pages":[{"title":"Mobile app","href":"/products/mobile-app/overview"}]},{"product":"Integrations","icon":"cable","description":"Connect 200+ building systems to KODE OS","pages":[{"title":"Integrations","href":"/products/integrations/get-started/introduction"}]},{"product":"What's New","icon":"megaphone","description":"KODE platform release notes and updates","pages":[{"title":"What's New","href":"/whats-new/2026/v3.19-october-2026"}]}]},"basePath":"","title":"Camera widget - KODE Labs - Product Documentation","buildId":"dpl_8LJbrAiZvr1K98WQNZXCyY5AvT34","deploymentId":"dpl_8LJbrAiZvr1K98WQNZXCyY5AvT34","dynamics":["10e4515597","07c022d89b","a74be98ba7"],"chunks":["BannerMarkdown-BcDCEkh6.js","dist-CwjSCXIK.js","lib-DuNMoZ05.js","lib-B8HbPgcC.js","clsx-eKJ4rcii.js","html-void-elements-mCSPHezU.js","katex-YMM-FMeD.js","marked.esm-CZWythHk.js","Frame-NdetNziF.js","DynamicMarkdown-CD8713Yy.js","zoom-image-lightbox-DMoL6lHz.js","lightbox-handle-r17bVUz3.js"]}
