{"version":3,"file":"component---src-pages-frequently-asked-question-open-hab-3-ip-camera-binding-index-mdx-143d9ef2d6b9e97fc5de.js","mappings":"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","sources":["webpack://instar-wiki/./src/pages/Frequently_Asked_Question/OpenHab3_IpCamera_Binding/index.mdx"],"sourcesContent":["import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport { EuiSpacer } from '@elastic/eui';\nimport PrimaryBoxInfo from 'components/Advanced_User/All_OpenHAB_Tutorials/PrimaryBox';\nimport BreadCrumbs from 'components/Layout/BreadCrumbs';\nimport SEOHelmet from 'components/Layout/SEOHelmet';\nexport const _frontmatter = {\n  \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n  \"path\": \"/Frequently_Asked_Question/OpenHab3_IpCamera_Binding/\",\n  \"dateChanged\": \"2022-12-13\",\n  \"author\": \"Mike Polinowski\",\n  \"excerpt\": \"Using the OpenHab IPCamera Binding to connect your camera.\",\n  \"image\": \"../FAQ_SearchThumb.png\",\n  \"social\": \"/images/Search/FAQ_SearchThumb.webp\",\n  \"toc\": \"/images/Search/TOC_Icons/Wiki_Tiles_FAQs_white.webp\",\n  \"chapter\": \"FAQs\",\n  \"faq\": \"WQHD & UHD Cameras\"\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n\n    <SEOHelmet title='OpenHab3 IpCamera Binding with an WQHD Camera' dateChanged='2022-12-13' author='Mike Polinowski' tag='INSTAR IP Camera' description='Using the OpenHab IPCamera Binding to connect your camera.' image='/images/Search/FAQ_SearchThumb.png' twitter='/images/Search/FAQ_SearchThumb.webp' location={props.location.pathname} mdxType=\"SEOHelmet\" />\n    <BreadCrumbs locationBC={props.location} locationEN={props.location.pathname} locationDE='/de/Frequently_Asked_Question/OpenHab3_IpCamera_Binding/' locationFR='/fr/Frequently_Asked_Question/OpenHab3_IpCamera_Binding/' crumbLabel=\"FAQs\" mdxType=\"BreadCrumbs\" />\n    <PrimaryBoxInfo mdxType=\"PrimaryBoxInfo\" />\n    <EuiSpacer mdxType=\"EuiSpacer\" />\n    \n    <h1 {...{\n      \"id\": \"openhab3-ipcamera-binding-with-an-wqhd-camera\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h1\" {...{\n        \"href\": \"#openhab3-ipcamera-binding-with-an-wqhd-camera\",\n        \"aria-label\": \"openhab3 ipcamera binding with an wqhd camera permalink\",\n        \"className\": \"header-link-icon before\"\n      }}><svg parentName=\"a\" {...{\n          \"aria-hidden\": \"true\",\n          \"focusable\": \"false\",\n          \"height\": \"16\",\n          \"version\": \"1.1\",\n          \"viewBox\": \"0 0 16 16\",\n          \"width\": \"16\"\n        }}><path parentName=\"svg\" {...{\n            \"fillRule\": \"evenodd\",\n            \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n          }}></path></svg></a>{`OpenHab3 IpCamera Binding with an WQHD Camera`}</h1>\n    <p><strong parentName=\"p\">{`Q`}</strong>{`: I am using OpenHab in Docker and tried to add my camera using the `}<a parentName=\"p\" {...{\n        \"href\": \"https://openhab-next.netlify.app/addons/bindings/ipcamera/\"\n      }}>{`ipcamera binding`}</a>{`. But I am unable to access the video stream or snapshot. Even though the binding shows that my camera is connected.`}</p>\n    <p><strong parentName=\"p\">{`A`}</strong>{`: First make sure that your OpenHab installation is using the correct `}<a parentName=\"p\" {...{\n        \"href\": \"/en/Frequently_Asked_Question/OpenHab3_Docker_IpCamera/\"\n      }}>{`network interface`}</a>{` to be able to communicate with your camera.`}</p>\n    <p>{`Secondly, make sure that the `}<a parentName=\"p\" {...{\n        \"href\": \"https://hub.docker.com/r/openhab/openhab/tags\"\n      }}>{`Docker container`}</a>{` has FFMPEG installed. To install a package inside the container you need to either find the container ID or name - in the following example those are `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`47b018eec7ed`}</code>{` and `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`openhab`}</code>{` - I will be using the latter in following commands:`}</p>\n    <div {...{\n      \"className\": \"gatsby-highlight\",\n      \"data-language\": \"bash\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-bash\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-bash\"\n        }}>{`docker `}<span parentName=\"code\" {...{\n            \"className\": \"token function\"\n          }}>{`ps`}</span>{`\n\nCONTAINER ID   IMAGE                              NAMES\n47b018eec7ed   openhab/openhab:milestone-alpine   openhab`}</code></pre></div>\n    <p>{`Now you can execute a command inside your OpenHab container to install FFMPEG. For an Alpine container this is `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`apk add ffmpeg`}</code>{` and for a Debian based container use `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`apt install ffmpeg`}</code>{`:`}</p>\n    <div {...{\n      \"className\": \"gatsby-highlight\",\n      \"data-language\": \"bash\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-bash\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-bash\"\n        }}>{`docker `}<span parentName=\"code\" {...{\n            \"className\": \"token builtin class-name\"\n          }}>{`exec`}</span>{` -ti openhab apk `}<span parentName=\"code\" {...{\n            \"className\": \"token function\"\n          }}>{`add`}</span>{` ffmpeg`}</code></pre></div>\n    <p>{`Verify that the installation was successful by running the following commands:`}</p>\n    <div {...{\n      \"className\": \"gatsby-highlight\",\n      \"data-language\": \"bash\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-bash\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-bash\"\n        }}>{`docker `}<span parentName=\"code\" {...{\n            \"className\": \"token builtin class-name\"\n          }}>{`exec`}</span>{` -ti openhab `}<span parentName=\"code\" {...{\n            \"className\": \"token function\"\n          }}>{`ls`}</span>{` -la /usr/bin/ffmpeg\n-rwxr-xr-x    `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`1`}</span>{` root     root        `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`272472`}</span>{` Sep `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`27`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`18`}</span>{`:39 /usr/bin/ffmpeg\n\ndocker `}<span parentName=\"code\" {...{\n            \"className\": \"token builtin class-name\"\n          }}>{`exec`}</span>{` -ti openhab ffmpeg -h\nffmpeg version `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`5.1`}</span>{`.2 Copyright `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`(`}</span>{`c`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`)`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`2000`}</span>{`-2022 the FFmpeg developers`}</code></pre></div>\n    <p>{`Now you can use the `}<strong parentName=\"p\">{`INSTAR Camera with API`}</strong>{` preset provided by the camera binding to add your camera:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/77abb/OpenHab3_WQHD_Cameras_01.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"69.56521739130434%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAACXBIWXMAAA7rAAAO6wFxzYGVAAAByElEQVQoz12Sy47bIBSG8wJVDDEGczgcwMZ2gj2bTKSqI8161O66qtSnqNRVn74Ccms/IRkvPvGfy24cx3me13Ulaz1oY4z3fhxH5zyRW7ftcrmcz+dlmYnIFay1prALQ4zTcjytvTb7JkNEwzD2vdYanPMxTs55AINIiGStk1I1TcMY272mabYKD5+wY5wfiuy2bTsejyklRKsyvVK9lEqIToiubVte2G0//kzff+uvv+D9J2/2jHMpJRF570MIxhgAyBkAlFKc87uZ5enLt+HzB10+cHvjrOGcd12nteac7/d7xljzhFISAB4vp3mcBzc6dJgFxpgxZppmAKO17ntdooqu0LaibcXhcJNPp9OyLMMwEFGVrbUxTgAGILcUEY3BWnZBCyGu8kshxniXEdE5V8p8UFNkVYOUijGW5XVdU0plsO4WG+tsjMHng4illty5qxxCqFtxfxkAvK99zn4N3/daSiWlAjAPeSg8y4g4TRMRWZtPXaz6i4gxRmupaZr/ZVaQUjpHdbBKqe6GLLRty8pEs+y9CyH8W7NZ142IpMy7JUSeTaVc8rSu8vn8mtJaisR77JSS9740yRaofhBtCEFrXWv+C77UW/moCaEfAAAAAElFTkSuQmCC')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/e4706/OpenHab3_WQHD_Cameras_01.avif 230w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/d1af7/OpenHab3_WQHD_Cameras_01.avif 460w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/7f308/OpenHab3_WQHD_Cameras_01.avif 920w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/1537c/OpenHab3_WQHD_Cameras_01.avif 1305w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/a0b58/OpenHab3_WQHD_Cameras_01.webp 230w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/bc10c/OpenHab3_WQHD_Cameras_01.webp 460w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/966d8/OpenHab3_WQHD_Cameras_01.webp 920w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/5b044/OpenHab3_WQHD_Cameras_01.webp 1305w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/81c8e/OpenHab3_WQHD_Cameras_01.png 230w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/08a84/OpenHab3_WQHD_Cameras_01.png 460w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/c0255/OpenHab3_WQHD_Cameras_01.png 920w\", \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/77abb/OpenHab3_WQHD_Cameras_01.png 1305w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/8a5b54eb45012ee21b8cd96de0593a7e/c0255/OpenHab3_WQHD_Cameras_01.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`The binding will work out-of-the-box but you can also make some adjustments:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/f005169ee683f70e7cd4425e0f2542b9/cd78c/OpenHab3_WQHD_Cameras_02.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"37.826086956521735%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAA7rAAAO6wFxzYGVAAABMUlEQVQY013Py07DMBAF0KyRaG0ax/a8nDh2Sh5VFwiBxII1AgnEB/AN7Pr7kLRFwNFdeDFX4ym6ruv7PqVcE6amDiE0IoIcQmBmIp6mKcZIRHwmIq1wDlwMwziMY5ezdY5YAnHbx7hPCAgLxNPjDEWCB3AeihodVhuyJSEiUuC6ux2uH3fgkIgR5+X/0jQtsxBxcfP8Ifcv9cOblVartQeopYEKEGmZi3XdiARE+on3frMo0vvBPX3C68HE3fryQiSM08Qiy43Stum45JhjGQCuFsWYpKUqi7WmVEp57/f7fc7ZLMqyNL9UM2uMOZX7cYptTnlrrVNKOTeXt9utc97+VVkLMB/jvT+Vh2GIMaaUrLVKKWNMsyjL+SNaa6V1qXW/Xt+tVtkYYG5cpbX+Ln8BQDs2/3Ffq5AAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/f005169ee683f70e7cd4425e0f2542b9/e4706/OpenHab3_WQHD_Cameras_02.avif 230w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/d1af7/OpenHab3_WQHD_Cameras_02.avif 460w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/7f308/OpenHab3_WQHD_Cameras_02.avif 920w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/2adae/OpenHab3_WQHD_Cameras_02.avif 1236w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/f005169ee683f70e7cd4425e0f2542b9/a0b58/OpenHab3_WQHD_Cameras_02.webp 230w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/bc10c/OpenHab3_WQHD_Cameras_02.webp 460w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/966d8/OpenHab3_WQHD_Cameras_02.webp 920w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/5b1dd/OpenHab3_WQHD_Cameras_02.webp 1236w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/f005169ee683f70e7cd4425e0f2542b9/81c8e/OpenHab3_WQHD_Cameras_02.png 230w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/08a84/OpenHab3_WQHD_Cameras_02.png 460w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/c0255/OpenHab3_WQHD_Cameras_02.png 920w\", \"/en/static/f005169ee683f70e7cd4425e0f2542b9/cd78c/OpenHab3_WQHD_Cameras_02.png 1236w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/f005169ee683f70e7cd4425e0f2542b9/c0255/OpenHab3_WQHD_Cameras_02.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`The binding will work out-of-the-box but you can also make some adjustments - for example, the binding will preselect the `}<a parentName=\"p\" {...{\n        \"href\": \"https://wiki.instar.com/de/Aussenkameras/IN-9408_WQHD/Video_Streaming/\"\n      }}>{`video and snapshot channel`}</a>{` it is going to use. Be careful when changing the ffmpeg input URL - the binding will be using the second (Full HD) stream here instead of the first (WQHD). This is done due to the fact that the highest resolution is streamed encoded in h.265 instead of h.264 which will cause issues:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/ee0319eda101302eb7863964b4947f84/1628f/OpenHab3_WQHD_Cameras_03.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"53.91304347826087%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABgElEQVQoz02RTW4bMQyF5wSJNNJY/6JEaTTjjJMAhrspkF3QRVE0CHKBdtMCRe+/LiTZrh8IiptPfCQHRMx5Xtd9jDiDT4gRIEAACN6DtS6nvG2btc45fxYAAqwRhrIs2+Hw9PSMiHyahJRzwpxSg71znYFeGGO01t7DTgg2TcM+x2CEnkYrGBvHe0IChGVZsCohppRyznPP3lfeGMsYGykdPr3/ev76I7x8xM9vXGhKSHemlNZaK6VVVc1Syl6XUna7HaV0WL//Ld/+uC+//etPphy5v4utoTG2W7W2mtdaS1l5KaVzjnNe4a3EffLZSXSKM0YoDSEgYrfXhjSX2lpr26ee86nBh8f9w4YpY8r9P+dcjHjtI0R/1U3IOvM4Dg9NOee6bc4JIYhYylK7WNcuVHOf+cqf4ePxeDqdSikdppR6D95DXZc2t6FUHVsIOc+XheWmlNJt52VZQ4gxYoz1YDHGdmTbtq3+z5wuusIhhHkuIVSuZ4BgzjrvrNv+B8WgTXVV2yX6AAAAAElFTkSuQmCC')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/ee0319eda101302eb7863964b4947f84/e4706/OpenHab3_WQHD_Cameras_03.avif 230w\", \"/en/static/ee0319eda101302eb7863964b4947f84/d1af7/OpenHab3_WQHD_Cameras_03.avif 460w\", \"/en/static/ee0319eda101302eb7863964b4947f84/7f308/OpenHab3_WQHD_Cameras_03.avif 920w\", \"/en/static/ee0319eda101302eb7863964b4947f84/a0c3b/OpenHab3_WQHD_Cameras_03.avif 1232w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/ee0319eda101302eb7863964b4947f84/a0b58/OpenHab3_WQHD_Cameras_03.webp 230w\", \"/en/static/ee0319eda101302eb7863964b4947f84/bc10c/OpenHab3_WQHD_Cameras_03.webp 460w\", \"/en/static/ee0319eda101302eb7863964b4947f84/966d8/OpenHab3_WQHD_Cameras_03.webp 920w\", \"/en/static/ee0319eda101302eb7863964b4947f84/46ece/OpenHab3_WQHD_Cameras_03.webp 1232w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/ee0319eda101302eb7863964b4947f84/81c8e/OpenHab3_WQHD_Cameras_03.png 230w\", \"/en/static/ee0319eda101302eb7863964b4947f84/08a84/OpenHab3_WQHD_Cameras_03.png 460w\", \"/en/static/ee0319eda101302eb7863964b4947f84/c0255/OpenHab3_WQHD_Cameras_03.png 920w\", \"/en/static/ee0319eda101302eb7863964b4947f84/1628f/OpenHab3_WQHD_Cameras_03.png 1232w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/ee0319eda101302eb7863964b4947f84/c0255/OpenHab3_WQHD_Cameras_03.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`The binding then offers a wide range of items that you can use in OpenHab (see also `}<a parentName=\"p\" {...{\n        \"href\": \"/en/Frequently_Asked_Question/OpenHab3_INSTAR_WQHD_MQTTv5_Camera_Control_Part_I/\"\n      }}>{`OpenHAB v3 Configuration for your WQHD INSTAR MQTTv5 Broker`}</a>{` for even more options):`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/4c7c9/OpenHab3_WQHD_Cameras_04.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"34.34782608695652%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAIAAACHqfpvAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABAElEQVQY0z2Qa46DMAyEuUf9ip2EUpUWBCwJFNq9/6VWbCokyz9sf6PxVOM4PR5PIhZxzELEALiur2mczLyIE3GA3DX+vSSnHgABEJEAsJrnFEIUcaqmas4pIj2fXQjROS2FxLXpmlN9bZgFkUpVOS9d15cjZmEWAGyam5kv8gBHJ5aUlrZ9iLhyecDbtg/DWAx/JYmn6aeur+cEAFVt3/emuSESEZdVlVIehtH7EEL0PqhajPVr270PdBhxxYuq5byEEE+YiKu+78+3S1pObU7Z+yDMiN9sxNmclvu9ZZaS4gHnvHw+v0XyNHnkzEJ2BVcD4OVyUYuv7d3+w4Vnlj9vhDw+ryS5pAAAAABJRU5ErkJggg==')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/e4706/OpenHab3_WQHD_Cameras_04.avif 230w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/d1af7/OpenHab3_WQHD_Cameras_04.avif 460w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/7f308/OpenHab3_WQHD_Cameras_04.avif 920w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/e1c99/OpenHab3_WQHD_Cameras_04.avif 1380w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/76ea5/OpenHab3_WQHD_Cameras_04.avif 1840w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/ab00b/OpenHab3_WQHD_Cameras_04.avif 2145w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/a0b58/OpenHab3_WQHD_Cameras_04.webp 230w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/bc10c/OpenHab3_WQHD_Cameras_04.webp 460w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/966d8/OpenHab3_WQHD_Cameras_04.webp 920w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/445df/OpenHab3_WQHD_Cameras_04.webp 1380w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/78de1/OpenHab3_WQHD_Cameras_04.webp 1840w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/a986e/OpenHab3_WQHD_Cameras_04.webp 2145w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/81c8e/OpenHab3_WQHD_Cameras_04.png 230w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/08a84/OpenHab3_WQHD_Cameras_04.png 460w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/c0255/OpenHab3_WQHD_Cameras_04.png 920w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/b1001/OpenHab3_WQHD_Cameras_04.png 1380w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/161ec/OpenHab3_WQHD_Cameras_04.png 1840w\", \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/4c7c9/OpenHab3_WQHD_Cameras_04.png 2145w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/1a105f239b15c9ab7dbef945a9f3fe3c/c0255/OpenHab3_WQHD_Cameras_04.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`Under `}<strong parentName=\"p\">{`Channels`}</strong>{` we can now select what we want to use in OpenHab by binding those `}<strong parentName=\"p\">{`Channels`}</strong>{` to `}<strong parentName=\"p\">{`Items`}</strong>{` - I will choose the `}<strong parentName=\"p\">{`MJPEG URL`}</strong>{` that I am going to use to display the camera's live video:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/4afc913611c812de3f33e85920cf3809/5148a/OpenHab3_WQHD_Cameras_05.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"60%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABsklEQVQoz3WQyY4TQRBE/QO2e0W4srL2pbtd2NX2jIXH6rI0HABxmAsSv8CBMwe+HnUbLxdCoVJeXkVkzpxzIYS+j845DoQzlFIqpcZ3GrrGb7pOKaW1FkJwzoWUgqHmOJNKK220sch4UZRlWRKyYgwJIQAAlFJCKFkBACGEUmqMYYwVZVmU1Wz/oW2NYO8rTt7VVZXlOQCEEGKMTdMgIhdCaQ2T3CgPAMWkWfjxp/3+m3z9RT//rEBky4W1/nQ6pZSappVybKuUvi6hERmltCzLEbbDmx3e8PCNHb7UK1jM5ymdX18/vbycvG9u2IWcBs3GBafktdetVZqBZrSuquUy2/W7lM4pnWPsb+TjF3e4W4duvVbaKG3qui7ynCE7Ho/DkGLsjbEPmaOn2vivdghhs9k455RSdV3Ps1w5n4b0/HwwxlGKeDGymwGuO8cY+z5aa7VSZV3jYnn07uNw2u+e7rHX5Evs/WBq0nTSEYYsCwx911hjL4elQqPyiBwRJxLvtfVV19rZehvP6bzdRimVEFJIxbl4rP1fOM+yxvv9/qltW86FEJJzAUDhQYTABf4LTulegS5D0DAAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/4afc913611c812de3f33e85920cf3809/e4706/OpenHab3_WQHD_Cameras_05.avif 230w\", \"/en/static/4afc913611c812de3f33e85920cf3809/d1af7/OpenHab3_WQHD_Cameras_05.avif 460w\", \"/en/static/4afc913611c812de3f33e85920cf3809/7f308/OpenHab3_WQHD_Cameras_05.avif 920w\", \"/en/static/4afc913611c812de3f33e85920cf3809/9dc19/OpenHab3_WQHD_Cameras_05.avif 1228w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/4afc913611c812de3f33e85920cf3809/a0b58/OpenHab3_WQHD_Cameras_05.webp 230w\", \"/en/static/4afc913611c812de3f33e85920cf3809/bc10c/OpenHab3_WQHD_Cameras_05.webp 460w\", \"/en/static/4afc913611c812de3f33e85920cf3809/966d8/OpenHab3_WQHD_Cameras_05.webp 920w\", \"/en/static/4afc913611c812de3f33e85920cf3809/d565e/OpenHab3_WQHD_Cameras_05.webp 1228w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/4afc913611c812de3f33e85920cf3809/81c8e/OpenHab3_WQHD_Cameras_05.png 230w\", \"/en/static/4afc913611c812de3f33e85920cf3809/08a84/OpenHab3_WQHD_Cameras_05.png 460w\", \"/en/static/4afc913611c812de3f33e85920cf3809/c0255/OpenHab3_WQHD_Cameras_05.png 920w\", \"/en/static/4afc913611c812de3f33e85920cf3809/5148a/OpenHab3_WQHD_Cameras_05.png 1228w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/4afc913611c812de3f33e85920cf3809/c0255/OpenHab3_WQHD_Cameras_05.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`Simply accept the default settings here to create a `}<strong parentName=\"p\">{`New Item`}</strong>{`:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/3a87f5182a49571406c6225725653a44/1628f/OpenHab3_WQHD_Cameras_06.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"40%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAIAAAB2/0i6AAAACXBIWXMAAA7rAAAO6wFxzYGVAAABQElEQVQY002Ry27bMBBF/QU2Lcl8DGfI4cOiJEqGkx9okSDrZN0CaddF/38dhIbTHtwNFxdnOLNj5lLKsiwxZQYdHIK1cAcRa63btoUQAMDewcaOQyzTPC81piSO3eFwKKVcLhdjjLVojJVSSSmV0lpr1ZBSdY3d41rmzCg7Ur0ceiEEhzBNcwixlDKOo/dM5IgIwGpttDZKma7rP8vr29/19Q8+/XbPv04UxX4fvC+lTNMEAMNwamZ1R7fczfH5Pb+82+8/6duPAaM47LOjWmtdN+c8gCVyiJ/a/9P3zTxnXjInMtmBPA1CiBCjc14pDWBjTLVW79la/EqMaRiG4/G4m+ZlqWtMKeUspRRCpJjO57H90zFH5oBItyeRc863cjNv2+V6vY7jmFK6lRGRObRVw8PD4/k8thv9MxO529gfFHU5WwUHnSIAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/3a87f5182a49571406c6225725653a44/e4706/OpenHab3_WQHD_Cameras_06.avif 230w\", \"/en/static/3a87f5182a49571406c6225725653a44/d1af7/OpenHab3_WQHD_Cameras_06.avif 460w\", \"/en/static/3a87f5182a49571406c6225725653a44/7f308/OpenHab3_WQHD_Cameras_06.avif 920w\", \"/en/static/3a87f5182a49571406c6225725653a44/a0c3b/OpenHab3_WQHD_Cameras_06.avif 1232w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/3a87f5182a49571406c6225725653a44/a0b58/OpenHab3_WQHD_Cameras_06.webp 230w\", \"/en/static/3a87f5182a49571406c6225725653a44/bc10c/OpenHab3_WQHD_Cameras_06.webp 460w\", \"/en/static/3a87f5182a49571406c6225725653a44/966d8/OpenHab3_WQHD_Cameras_06.webp 920w\", \"/en/static/3a87f5182a49571406c6225725653a44/46ece/OpenHab3_WQHD_Cameras_06.webp 1232w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/3a87f5182a49571406c6225725653a44/81c8e/OpenHab3_WQHD_Cameras_06.png 230w\", \"/en/static/3a87f5182a49571406c6225725653a44/08a84/OpenHab3_WQHD_Cameras_06.png 460w\", \"/en/static/3a87f5182a49571406c6225725653a44/c0255/OpenHab3_WQHD_Cameras_06.png 920w\", \"/en/static/3a87f5182a49571406c6225725653a44/1628f/OpenHab3_WQHD_Cameras_06.png 1232w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/3a87f5182a49571406c6225725653a44/c0255/OpenHab3_WQHD_Cameras_06.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`And repeat those steps with the `}<strong parentName=\"p\">{`Image URL`}</strong>{` that can be used as a thumbnail for our camera on the OpenHab Dashboard:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/c929c/OpenHab3_WQHD_Cameras_07.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"54.78260869565218%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABuElEQVQoz12SSW/bMBBG9QscLTSMWuRwFlKLtViJk9SRbcku0F566qm9Neiht/7/a2EpboEM3onAI+ebYeC9z/O8qioREZOiBUQCAGMMIlrEqiy6emMRia7nAIBEYqEgCMR5n+XlpgKLcaKUUojYNE3btlVVMbMXyTOPRIiYZZlz3mij1DJRy2DXlBnqdBnpVaKSOAxDZt7vX47HIc8La5GIiQWREIlZAGyapkkcx3EUbL/9Kb7+1p9ezfBDrdZ3i8XlfBnH836/z7L8at5gFiKeQtkkueqBfPnFn1/Ty099+p6s1uHdou/7YRgPh2NdN1NSfneFtfgmVxkXYp35wGatkiSKIkTq+8PpNOx2j855ZhFxzDIDYLXWN7mui3LDIiyilIqiyDl3OByfnz96nxkD79AaNNxebqby3hORUioMw23Xnc+XrrsXcfOc5oYRyWijjYW8nQYWB113v91uvffMrJSKw7Br23E8Pzzs/nU7bx7AAlhrCaR8k733zjkRIaJEqWqxeHHSD+PT45PWZkLrNE1TbQxYi4j0PzNPNctKqSSKgKCoNkVezh/DusJmNZKgRXtjlv8CtCdZJ5vwUQYAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/e4706/OpenHab3_WQHD_Cameras_07.avif 230w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/d1af7/OpenHab3_WQHD_Cameras_07.avif 460w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/7f308/OpenHab3_WQHD_Cameras_07.avif 920w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/203bb/OpenHab3_WQHD_Cameras_07.avif 1218w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/a0b58/OpenHab3_WQHD_Cameras_07.webp 230w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/bc10c/OpenHab3_WQHD_Cameras_07.webp 460w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/966d8/OpenHab3_WQHD_Cameras_07.webp 920w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/491b1/OpenHab3_WQHD_Cameras_07.webp 1218w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/81c8e/OpenHab3_WQHD_Cameras_07.png 230w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/08a84/OpenHab3_WQHD_Cameras_07.png 460w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/c0255/OpenHab3_WQHD_Cameras_07.png 920w\", \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/c929c/OpenHab3_WQHD_Cameras_07.png 1218w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/1b97574d0b647bc5031a63c2acfa5a8b/c0255/OpenHab3_WQHD_Cameras_07.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`You should now be able to see both the MJPEG and Image URL under `}<strong parentName=\"p\">{`Model`}</strong>{`. Those URLs can be used to access your camera's live stream and snapshot - you can test them by opening them in your web browser:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/530772b4e2d22ab5c499a22fa7300e84/8d68c/OpenHab3_WQHD_Cameras_08.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"34.34782608695652%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAIAAACHqfpvAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABLUlEQVQY02XLy07DMBBA0fxDQmuPZzx+xHXsJqQpzaNKJQRii8QCfoUV8O1IvDZIZ3E3twghpJT6vve1T97mXe29D6H+Vtf+OAynafJNNHVtQ/jx1YVzLoQQY9SsiU3b9d7Xmg0by8YaY5XmtBWrwoV5RpqQFq3PzDNAcRyGJkYFQKQ5j+3yYLuzSiPmCfNEeYbm1FebFmk+3tyvl9vlfHder/ft4WpTDOPSDaPbJR8zsVWoFTH+ImKJuquqcLUJbOb+cNN2Y9exwsNWFPblwzy/b5/e4PEVfUYARI1I3whJgnJSrsYchGjLcl+W7ZemLIt0fYxtb3fZxUya/7Y/AAoUjuvltCzaOoEkSaNmqbDIqUlNdNZ4Z4n0/1kprKpqI5QQEiRICUKCASAhPgHUvjtXS7L95wAAAABJRU5ErkJggg==')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/530772b4e2d22ab5c499a22fa7300e84/e4706/OpenHab3_WQHD_Cameras_08.avif 230w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/d1af7/OpenHab3_WQHD_Cameras_08.avif 460w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/7f308/OpenHab3_WQHD_Cameras_08.avif 920w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/e83e9/OpenHab3_WQHD_Cameras_08.avif 1234w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/530772b4e2d22ab5c499a22fa7300e84/a0b58/OpenHab3_WQHD_Cameras_08.webp 230w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/bc10c/OpenHab3_WQHD_Cameras_08.webp 460w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/966d8/OpenHab3_WQHD_Cameras_08.webp 920w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/5dcdf/OpenHab3_WQHD_Cameras_08.webp 1234w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/530772b4e2d22ab5c499a22fa7300e84/81c8e/OpenHab3_WQHD_Cameras_08.png 230w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/08a84/OpenHab3_WQHD_Cameras_08.png 460w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/c0255/OpenHab3_WQHD_Cameras_08.png 920w\", \"/en/static/530772b4e2d22ab5c499a22fa7300e84/8d68c/OpenHab3_WQHD_Cameras_08.png 1234w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/530772b4e2d22ab5c499a22fa7300e84/c0255/OpenHab3_WQHD_Cameras_08.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`To display the live video I want to use the `}<a parentName=\"p\" {...{\n        \"href\": \"https://community.openhab.org/t/clickable-camera-widget/110069\"\n      }}>{`Official Camera Widget`}</a>{`. Go to `}<strong parentName=\"p\">{`Developer Tools`}</strong>{` and click to create a new widget:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/8d68c/OpenHab3_WQHD_Cameras_09.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"28.695652173913043%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7rAAAO6wFxzYGVAAAA+0lEQVQY02XPQU7DMBAF0OwRle3YnnFax+OSONWkKYK0grSIE9AFG9ZcgQ0St0d1yYonzeZL/0tTpKxp2rVfpXUMRHeR2kiRKITQdd04jikl731d15TDelZsh4GZu64rtUF0AOgQagQEC1l5oU2GiNZaMyvCEiujVqCtLoUQSqnycqWxVimVE6nzgJRSCCGlkLNi//ZJ05lO7xBasbjFyh9fXg/7kZlDIATApb8/TMdpijGuMgBQWcEfP/X5y52/bfsgFzfG+fHpND1PzD1z37YJsLLgKueuX1gArfVf+XGbNnHZeECrpRQGXNr0zNxvh2HYEZHWWv5zLf8CHOEp5nd+r8sAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/e4706/OpenHab3_WQHD_Cameras_09.avif 230w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/d1af7/OpenHab3_WQHD_Cameras_09.avif 460w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/7f308/OpenHab3_WQHD_Cameras_09.avif 920w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/e83e9/OpenHab3_WQHD_Cameras_09.avif 1234w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/a0b58/OpenHab3_WQHD_Cameras_09.webp 230w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/bc10c/OpenHab3_WQHD_Cameras_09.webp 460w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/966d8/OpenHab3_WQHD_Cameras_09.webp 920w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/5dcdf/OpenHab3_WQHD_Cameras_09.webp 1234w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/81c8e/OpenHab3_WQHD_Cameras_09.png 230w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/08a84/OpenHab3_WQHD_Cameras_09.png 460w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/c0255/OpenHab3_WQHD_Cameras_09.png 920w\", \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/8d68c/OpenHab3_WQHD_Cameras_09.png 1234w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/2416d3cb8f49d721b81ee0c5830f7a6a/c0255/OpenHab3_WQHD_Cameras_09.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`Copy the widget code from (see link above - or code at the end of this article), paste it in and click save:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/62c32d84c5594fac00fcffbaef2925e1/b0aa6/OpenHab3_WQHD_Cameras_10.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"29.130434782608695%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7rAAAO6wFxzYGVAAAA+ElEQVQY013NXU6DQBSGYZbQUhJgmDMDFM7MmR/57cTS6l0XYOICXIleum0DWmN88t2++aJ2c2yOTSkcYoutVqgQq6omsiGEcaMUCiGklHzTCl4Bj5xz1lpEVdX11A3ncRr7bhisd9o6ZQwKAVmWFwXnHADgcDjEcbzfFomyzhnPC1CoDNF1Ds/hFKYHa/U2qqoSQAIIgPU7SZL4LlrmHsuiFbnRLZFZxtPlNI+9sVY5p70nKSFN0+zu+/kn9m+f/PUjfXnXjzeDzTKFJcydd0RkzDrG2G6329/Ff0Td9dYMT9KfyfVE+jKH6xpb56x31hjDGPvX/MZfuOYyCKMvj6YAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/62c32d84c5594fac00fcffbaef2925e1/e4706/OpenHab3_WQHD_Cameras_10.avif 230w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/d1af7/OpenHab3_WQHD_Cameras_10.avif 460w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/7f308/OpenHab3_WQHD_Cameras_10.avif 920w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/e5dbf/OpenHab3_WQHD_Cameras_10.avif 1233w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/62c32d84c5594fac00fcffbaef2925e1/a0b58/OpenHab3_WQHD_Cameras_10.webp 230w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/bc10c/OpenHab3_WQHD_Cameras_10.webp 460w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/966d8/OpenHab3_WQHD_Cameras_10.webp 920w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/e96a9/OpenHab3_WQHD_Cameras_10.webp 1233w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/62c32d84c5594fac00fcffbaef2925e1/81c8e/OpenHab3_WQHD_Cameras_10.png 230w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/08a84/OpenHab3_WQHD_Cameras_10.png 460w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/c0255/OpenHab3_WQHD_Cameras_10.png 920w\", \"/en/static/62c32d84c5594fac00fcffbaef2925e1/b0aa6/OpenHab3_WQHD_Cameras_10.png 1233w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/62c32d84c5594fac00fcffbaef2925e1/c0255/OpenHab3_WQHD_Cameras_10.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`To add the widget to your dashboard go to pages and click on the `}<strong parentName=\"p\">{`+`}</strong>{` (on a fresh page you need to create a block, row and column first):`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/0d0e4/OpenHab3_WQHD_Cameras_11.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"53.043478260869556%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABaklEQVQoz4XQO27cMBAGYJ5gJYrU8CG+RA4prbgre404iNPkAinSpMk9UgYpcvFAMiK48CIfpiBA/DNDkvP5XGtd12vOJTobx9F7H0NIY/BhM0/TsiwxRmOMtdZ7Z6111qK3BBFzzqUU51zHOABIpbSSRsntoLW1VkoJAEJIIaRSSkrZ933HOKn1cnTljDVNkzEjZue81gNiXpYawrjfO2udGYzzo1KKUkpeXj7fbreEmBA5523bTtP8/PwRMb8GhsEcyS1sbE3joFRLKanneS4Yg4/Bc87ato0xXS5X78MwmCPwWtZYqfSXh1pSPJ1OpPz447//Ft9+ya8/wYSeM621Ump74z1KCyEAgMy3T3n9EJbHMK8gto/pOWf/03UdgCDXulzrgmmMo+e77g3a3SWEIOvDBjHHmACAMcb/6TkXe71rW3sqZSolpRRjBABK6TFTdd1T0zy2Lev7d4eTuDvCb3szzule9/wF6NhHgZeJkAwAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/aa4bfbfdce57300851814c7c5fdb0547/e4706/OpenHab3_WQHD_Cameras_11.avif 230w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/d1af7/OpenHab3_WQHD_Cameras_11.avif 460w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/7f308/OpenHab3_WQHD_Cameras_11.avif 920w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/198fd/OpenHab3_WQHD_Cameras_11.avif 1230w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/aa4bfbfdce57300851814c7c5fdb0547/a0b58/OpenHab3_WQHD_Cameras_11.webp 230w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/bc10c/OpenHab3_WQHD_Cameras_11.webp 460w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/966d8/OpenHab3_WQHD_Cameras_11.webp 920w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/fc6cc/OpenHab3_WQHD_Cameras_11.webp 1230w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/aa4bfbfdce57300851814c7c5fdb0547/81c8e/OpenHab3_WQHD_Cameras_11.png 230w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/08a84/OpenHab3_WQHD_Cameras_11.png 460w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/c0255/OpenHab3_WQHD_Cameras_11.png 920w\", \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/0d0e4/OpenHab3_WQHD_Cameras_11.png 1230w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/aa4bfbfdce57300851814c7c5fdb0547/c0255/OpenHab3_WQHD_Cameras_11.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`This opens a menu that should now list the widget you created earlier:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/4092553dce52a9eb15198f53719f0e43/2ba99/OpenHab3_WQHD_Cameras_12.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"29.565217391304348%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7rAAAO6wFxzYGVAAAA3ElEQVQY01XP207DMAyA4d42zYk2TRrnZHtaS9kE4gF4/9dCG1CVT76Lftnp5j/OOaWUEEPOmZkJkfYP2u6EyMwxRiHEcCKl7I54miallJSylHJhJr7Q2ye9vhMRMwPAT3CiuvNm+/ACOSfE0hqud7zurVZEBABjHq/HGGP/xcYYbQwBfAHsteF24/VWamutxhi11uZEa90552b3G8thEELEZdlSwlyA1kTXnHMpxXt//Lnve/HUNUSI4Jwbx9FOs51cCCEAhBhrSgXSEhcA8N6b593W2pxzCMF7/w2Yvx8jojpQ5AAAAABJRU5ErkJggg==')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/4092553dce52a9eb15198f53719f0e43/e4706/OpenHab3_WQHD_Cameras_12.avif 230w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/d1af7/OpenHab3_WQHD_Cameras_12.avif 460w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/7f308/OpenHab3_WQHD_Cameras_12.avif 920w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/eac99/OpenHab3_WQHD_Cameras_12.avif 1221w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/4092553dce52a9eb15198f53719f0e43/a0b58/OpenHab3_WQHD_Cameras_12.webp 230w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/bc10c/OpenHab3_WQHD_Cameras_12.webp 460w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/966d8/OpenHab3_WQHD_Cameras_12.webp 920w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/0fff5/OpenHab3_WQHD_Cameras_12.webp 1221w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/4092553dce52a9eb15198f53719f0e43/81c8e/OpenHab3_WQHD_Cameras_12.png 230w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/08a84/OpenHab3_WQHD_Cameras_12.png 460w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/c0255/OpenHab3_WQHD_Cameras_12.png 920w\", \"/en/static/4092553dce52a9eb15198f53719f0e43/2ba99/OpenHab3_WQHD_Cameras_12.png 1221w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/4092553dce52a9eb15198f53719f0e43/c0255/OpenHab3_WQHD_Cameras_12.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`Click to configure the empty widget:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/944a9963eb196bd60b699280d2a66423/d8817/OpenHab3_WQHD_Cameras_13.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"30.869565217391305%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7rAAAO6wFxzYGVAAAAzklEQVQY022N3UoDMRBGc2MvLGw2f5PJbJLaNDFoqGz7EOKVvocg4vvfyEa6CO3hwHzD8DEsv3+Xjx/3+klvX7bMoCWABQCttbkFdI0xiMhaeWh5V4LNwaJR2hillOyoW4xKjf0EAGw+nefT+em5pUOevLcX0Dl5xSjlXogohdRaScmOx5fWWiklpRTjLoS4el0WSkbOs3NIxIeB1fqYUjp0vA8XI9H0r6XWMYjl7WZzd7/dslrrWiaaEJ1z1HW4YJE8+v0S/nawRAQAnPNfWI0kSeGo2ncAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/944a9963eb196bd60b699280d2a66423/e4706/OpenHab3_WQHD_Cameras_13.avif 230w\", \"/en/static/944a9963eb196bd60b699280d2a66423/d1af7/OpenHab3_WQHD_Cameras_13.avif 460w\", \"/en/static/944a9963eb196bd60b699280d2a66423/7f308/OpenHab3_WQHD_Cameras_13.avif 920w\", \"/en/static/944a9963eb196bd60b699280d2a66423/2b18a/OpenHab3_WQHD_Cameras_13.avif 1238w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/944a9963eb196bd60b699280d2a66423/a0b58/OpenHab3_WQHD_Cameras_13.webp 230w\", \"/en/static/944a9963eb196bd60b699280d2a66423/bc10c/OpenHab3_WQHD_Cameras_13.webp 460w\", \"/en/static/944a9963eb196bd60b699280d2a66423/966d8/OpenHab3_WQHD_Cameras_13.webp 920w\", \"/en/static/944a9963eb196bd60b699280d2a66423/e8403/OpenHab3_WQHD_Cameras_13.webp 1238w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/944a9963eb196bd60b699280d2a66423/81c8e/OpenHab3_WQHD_Cameras_13.png 230w\", \"/en/static/944a9963eb196bd60b699280d2a66423/08a84/OpenHab3_WQHD_Cameras_13.png 460w\", \"/en/static/944a9963eb196bd60b699280d2a66423/c0255/OpenHab3_WQHD_Cameras_13.png 920w\", \"/en/static/944a9963eb196bd60b699280d2a66423/d8817/OpenHab3_WQHD_Cameras_13.png 1238w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/944a9963eb196bd60b699280d2a66423/c0255/OpenHab3_WQHD_Cameras_13.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`And paste in the Image (Thumbnail) and MJPEG (Stream) URL from the `}<strong parentName=\"p\">{`Model`}</strong>{` menu:`}</p>\n    <p><span parentName=\"p\" {...{\n        \"className\": \"gatsby-resp-image-wrapper\",\n        \"style\": {\n          \"position\": \"relative\",\n          \"display\": \"block\",\n          \"marginLeft\": \"auto\",\n          \"marginRight\": \"auto\",\n          \"maxWidth\": \"920px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/en/static/df4344e62b1068712287880f25c58997/d9b5d/OpenHab3_WQHD_Cameras_14.png\",\n          \"style\": {\n            \"display\": \"block\"\n          },\n          \"target\": \"_blank\",\n          \"rel\": \"noopener\"\n        }}>{`\n    `}<span parentName=\"a\" {...{\n            \"className\": \"gatsby-resp-image-background-image\",\n            \"style\": {\n              \"paddingBottom\": \"55.21739130434783%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABg0lEQVQoz32S22rdMBBF/Xwsa2YkWRpdfJElx4455CFQCnkOlPb/P6j4OCEtlC72k2ChPcM01toY4ziOjlkTaq1IKaNUrz5wzjGzUgoRrxck0op6RY3W2jxAxFYIKSURERLhCRFprQERAABRAsIZKYRohWjmnGNK+gEAeOYQArMvpR7Hcb/f930PIYYQphi0OnuR1qfctk2KIQVvje6NAoRt32tdl5NSSs15CSH5T9Rjosn17SW7sbhhMWFWfgSkbdvWda21lnKm1nUcJ+/PLt57RFJET2MSXXfK/esv8/pTvvyA+zsYt9aalyXnvCzl+n2a5muQ3rLoOiG622M1UsrGswve9UYZrUDKkpfn49i2Pc+Z2TP7YRjGaZqm8WUtANC2N/Gg67omppTS4BxfCy9lnec8DMNlfsXxtzoBwO12a9v2Qz7dFK21xhildClnW+fYWvcX1n5/mhHxki+a/hNjjNZ6359rrTHG6za+cO5ty/+TCXFIKeflHzKzdQwS5B/8BlZYO/S2hJKmAAAAAElFTkSuQmCC')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/df4344e62b1068712287880f25c58997/e4706/OpenHab3_WQHD_Cameras_14.avif 230w\", \"/en/static/df4344e62b1068712287880f25c58997/d1af7/OpenHab3_WQHD_Cameras_14.avif 460w\", \"/en/static/df4344e62b1068712287880f25c58997/7f308/OpenHab3_WQHD_Cameras_14.avif 920w\", \"/en/static/df4344e62b1068712287880f25c58997/e37ea/OpenHab3_WQHD_Cameras_14.avif 1224w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/df4344e62b1068712287880f25c58997/a0b58/OpenHab3_WQHD_Cameras_14.webp 230w\", \"/en/static/df4344e62b1068712287880f25c58997/bc10c/OpenHab3_WQHD_Cameras_14.webp 460w\", \"/en/static/df4344e62b1068712287880f25c58997/966d8/OpenHab3_WQHD_Cameras_14.webp 920w\", \"/en/static/df4344e62b1068712287880f25c58997/caef1/OpenHab3_WQHD_Cameras_14.webp 1224w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/df4344e62b1068712287880f25c58997/81c8e/OpenHab3_WQHD_Cameras_14.png 230w\", \"/en/static/df4344e62b1068712287880f25c58997/08a84/OpenHab3_WQHD_Cameras_14.png 460w\", \"/en/static/df4344e62b1068712287880f25c58997/c0255/OpenHab3_WQHD_Cameras_14.png 920w\", \"/en/static/df4344e62b1068712287880f25c58997/d9b5d/OpenHab3_WQHD_Cameras_14.png 1224w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/en/static/df4344e62b1068712287880f25c58997/c0255/OpenHab3_WQHD_Cameras_14.png\",\n              \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"title\": \"OpenHab3 IpCamera Binding with an WQHD Camera\",\n              \"loading\": \"lazy\",\n              \"decoding\": \"async\",\n              \"style\": {\n                \"width\": \"100%\",\n                \"height\": \"100%\",\n                \"margin\": \"0\",\n                \"verticalAlign\": \"middle\",\n                \"position\": \"absolute\",\n                \"top\": \"0\",\n                \"left\": \"0\"\n              }\n            }}></img>{`\n        `}</picture>{`\n  `}</a>{`\n    `}</span></p>\n    <p>{`Save your settings and open the page on your dashboard:`}</p>\n    <p><img parentName=\"p\" {...{\n        \"src\": \"/en/c26caa8e4367092dcfc2165124baca4c/OpenHab3_WQHD_Cameras_15.gif\",\n        \"alt\": \"OpenHab3 IpCamera Binding with an WQHD Camera\"\n      }}></img></p>\n    <p><a parentName=\"p\" {...{\n        \"href\": \"https://community.openhab.org/t/clickable-camera-widget/110069\"\n      }}>{`Widget Code`}</a>{`:`}</p>\n    <div {...{\n      \"className\": \"gatsby-highlight\",\n      \"data-language\": \"yml\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-yml\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-yml\"\n        }}><span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`uid`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` ClickableCameraImage\n`}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`props`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n  `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`parameters`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`description`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`\"example: http://192.168.1.2:8080/ipcamera/uniqueID/autofps.mjpeg\"`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Thumbnail URL\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` thumbnailURL\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` TEXT\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`description`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`\"example: http://192.168.1.2:8080/ipcamera/uniqueID/snapshots.mjpeg\"`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Stream URL\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` streamURL\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` TEXT\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`context`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` item\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Select the Camera to Control\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` camera\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`false`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` TEXT\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Show Equipment Controls\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` showSettings\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` BOOLEAN\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Show Audio Alarms\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` showAudioAlarms\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` BOOLEAN\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Show Motion Alarms\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` showMotionAlarms\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` BOOLEAN\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`context`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` item\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`label`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` Item to Switch\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`name`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` switchItem\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`required`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`false`}</span>{`\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` TEXT\n`}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` f7`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`card\n`}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`config`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n  `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`style`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`--f7-card-margin-horizontal`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0px\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`height`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 9rem\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`width`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 16rem\n`}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`slots`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n  `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`default`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` oh`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`image`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`card\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`config`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`action`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` photos\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`actionPhotoBrowserConfig`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`lazy`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`theme`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` dark\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`type`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` popup\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`actionPhotos`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`[`}</span>{`props.streamURL`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`]`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`lazy`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`style`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`border-radius`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 6px\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`height`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 9rem\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`margin`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0px\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`width`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 100%\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`url`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.thumbnailURL\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` f7`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`card`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`content\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` oh`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`link\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`config`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`action`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` toggle\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`actionCommand`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`true`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`actionCommandAlt`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token boolean important\"\n          }}>{`false`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`actionItem`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.switchItem\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconF7`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` power\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconSize`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`25`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`style`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`color`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`\"=(items[props.switchItem].state === 'ON') ? 'cyan' : 'white'\"`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`left`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0.2rem\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`opacity`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`\"=(items[props.switchItem].state === 'ON') ? '0.4' : '0.3'\"`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`position`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` absolute\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`top`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0rem\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`visible`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.switchItem `}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}>{`!==`}</span>{` undefined\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` oh`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`link\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`config`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`action`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` group\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`actionGroupPopupItem`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.camera\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconF7`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` gear_alt\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconSize`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`25`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`style`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`color`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` white\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`opacity`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`0.4`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`position`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` absolute\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`right`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0.2rem\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`top`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0rem\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`visible`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.showSettings === true\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` oh`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`link\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`config`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconF7`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` eye\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconSize`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`18`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`visible`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.showMotionAlarms === true\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`style`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`color`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` white\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`opacity`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'=(props.showMotionAlarms !== true) ? \"0\" : (items[props.camera + \"_MotionAlarm\"].state === \"ON\") ? \"0.5\" : \"0\" '`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`position`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` absolute\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`right`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0.2rem\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`top`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 7.8rem\n    `}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`component`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` oh`}<span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`-`}</span>{`link\n      `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`config`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconF7`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` ear\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`iconSize`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token number\"\n          }}>{`18`}</span>{`\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`visible`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` =props.showAudioAlarms === true\n        `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`style`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`color`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` white\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`left`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 0rem\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`opacity`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'=(props.showAudioAlarms !== true) ? \"0\" : (items[props.camera + \"_AudioAlarm\"].state === \"ON\") ? \"0.5\" : \"0\" '`}</span>{`\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`position`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` absolute\n          `}<span parentName=\"code\" {...{\n            \"className\": \"token key atrule\"\n          }}>{`top`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`:`}</span>{` 7.7rem`}</code></pre></div>\n    <ul>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"/en/FAQs/\"\n        }}>{`FAQs`}</a>\n        <ul parentName=\"li\">\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-9420WQHD/\"\n            }}>{`IN-9420 WQHD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-9408WQHD/\"\n            }}>{`IN-9408 WQHD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-8415WQHD/\"\n            }}>{`IN-8415 WQHD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-8403WQHD/\"\n            }}>{`IN-8403 WQHD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-8401WQHD/\"\n            }}>{`IN-8401 WQHD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-9020FHD/\"\n            }}>{`IN-9020 Full HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-9010FHD/\"\n            }}>{`IN-9010 Full HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-9008FHD/\"\n            }}>{`IN-9008 Full HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-8015FHD/\"\n            }}>{`IN-8015 Full HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-8003FHD/\"\n            }}>{`IN-8003 Full HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-8001FHD/\"\n            }}>{`IN-8001 Full HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-7011HD/\"\n            }}>{`IN-7011 HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-6014HD/\"\n            }}>{`IN-6014 HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-6012HD/\"\n            }}>{`IN-6012 HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-6001HD/\"\n            }}>{`IN-6001 HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-5907HD/\"\n            }}>{`IN-5907 HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/IN-5905HD/\"\n            }}>{`IN-5905 HD`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"/en/FAQs/VGA_Series/\"\n            }}>{`VGA Series`}</a></li>\n        </ul>\n      </li>\n    </ul>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      "],"names":["_frontmatter","layoutProps","MDXLayout","MDXContent","_ref","components","props","_objectWithoutProperties","_excluded","mdx","Object","assign","mdxType","SEOHelmet","title","dateChanged","author","tag","description","image","twitter","location","pathname","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","PrimaryBoxInfo","EuiSpacer","parentName","isMDXComponent"],"sourceRoot":""}