{"version":3,"file":"component---src-pages-frequently-asked-question-live-video-and-io-broker-vis-index-mdx-ba3be1d045f0f41371ed.js","mappings":"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","sources":["webpack://instar-wiki/./src/pages/Frequently_Asked_Question/Live_Video_and_ioBroker_VIS/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_ioBroker_Tutorials/PrimaryBox';\nimport BreadCrumbs from 'components/Layout/BreadCrumbs';\nimport SEOHelmet from 'components/Layout/SEOHelmet';\nexport const _frontmatter = {\n  \"title\": \"I want to add my cameras live video to the ioBroker Visualization\",\n  \"path\": \"/Frequently_Asked_Question/Live_Video_and_ioBroker_VIS/\",\n  \"dateChanged\": \"2020-05-04\",\n  \"author\": \"Mike Polinowski\",\n  \"excerpt\": \"I want to add my cameras live video to the ioBroker Visualization. But adding the Snapshot or MJPEG Stream URL to an Image or iFrame Element doesn't seem to be very stable. The stream often stops and cannot be restarted.\",\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\": \"HD Cameras\",\n  \"category\": \"smarthome\",\n  \"type\": \"ioBroker\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return <div {...props} />;\n};\nconst Link = makeShortcode(\"Link\");\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='FAQs - I want to add my cameras live video to the ioBroker Visualization' dateChanged='2020-05-04' author='Mike Polinowski' tag='INSTAR IP Camera' description='I want to add my cameras live video to the ioBroker Visualization. But adding the Snapshot or MJPEG Stream URL to an Image or iFrame Element doesn`t seem to be very stable. The stream often stops and cannot be restarted.' 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/Live_Video_and_ioBroker_VIS/' locationFR='/fr/Frequently_Asked_Question/Live_Video_and_ioBroker_VIS/' crumbLabel=\"FAQs\" mdxType=\"BreadCrumbs\" />\n    <PrimaryBoxInfo mdxType=\"PrimaryBoxInfo\" />\n    <EuiSpacer mdxType=\"EuiSpacer\" />\n    <p><strong parentName=\"p\">{`Q`}</strong>{`: I want to add my cameras live video to the ioBroker Visualization. But adding the Snapshot or MJPEG Stream URL to an Image or iFrame Element doesn't seem to be very stable. The stream often stops and cannot be restarted. I saw your `}<a parentName=\"p\" {...{\n        \"href\": \"/en/Advanced_User/IOBroker_on_Raspberry_Pi/Visualisation/#display-the-camera-live-stream\"\n      }}>{`guide to use MotionEye`}</a>{` to solve this problem. But that is too complicated for me. Is there a better solution?`}</p>\n    <p><strong parentName=\"p\">{`A`}</strong>{`: Displaying a stream of single snapshots inside your browser can quickly lead to cache problems. To mediate this issue we recommend to display a preview of your cameras video with a low refresh rate (e.g. 1 snapshot every 5 seconds). By clicking on that preview we want to be able to open a floating window that displays the full resolution stream of our camera with the max. refresh rate of 1fps that the iobroker Vis supports.`}</p>\n    <p>{`Start by installing the `}<strong parentName=\"p\">{`jQuery-UI-Stil Widget`}</strong>{` Adapter from the adapter 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/c580ab534103509a1f486b03de09f2d3/2bef9/INSTAR_ioBroker_Vis_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\": \"43.913043478260875%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABeUlEQVQoz42Nyy7EUACG+xqewMJebDyDjcSGBRthNYsZ9qwIW4kNG7ERJphkBJW4C4bpoCPTMzptZ9rTHj2Xnp7WJU0lbivCl2/5f/mlrt7RFfkyM7PUN381vv+a2Ra5bTYng/WSlb+w8tdOQWllZdFfeB7aFIObYqggRorRcPFpZK0ltXf3TC3kBycWc8ul7A7PFv3clr9Rdm8aqATc86Ny5Uw5O7o9uKgfavjDY4CPAdlXHamto6t7YKyzNzO7ejJ9Gk/uPZYMKjiLOA0oIdBhEAbQCR/dKCDfxpwyjKSKUgb1OmyZyHPvgf4Sh8lzRHlk+xxjjCn7kmJMviWEuh6SNu7YYTORrfTeZg3TatougnYZ2FuKzdn77CcopR5CUuHW361xWX/VHKLeVBSlogGtoeuWaZLf+Yx9hF5ikaYpY/RB1w3DsCzLNM1ms/V3jINQxE9pmlJKq9Wqqqo1rQYAMIx/PAehIIwnSRKGIYTQfcfzPITQn/EbDw/P5Z7Wg1IAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/c580ab534103509a1f486b03de09f2d3/e4706/INSTAR_ioBroker_Vis_01.avif 230w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/d1af7/INSTAR_ioBroker_Vis_01.avif 460w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/7f308/INSTAR_ioBroker_Vis_01.avif 920w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/e3723/INSTAR_ioBroker_Vis_01.avif 1024w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/c580ab534103509a1f486b03de09f2d3/a0b58/INSTAR_ioBroker_Vis_01.webp 230w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/bc10c/INSTAR_ioBroker_Vis_01.webp 460w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/966d8/INSTAR_ioBroker_Vis_01.webp 920w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/a9a89/INSTAR_ioBroker_Vis_01.webp 1024w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/c580ab534103509a1f486b03de09f2d3/81c8e/INSTAR_ioBroker_Vis_01.png 230w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/08a84/INSTAR_ioBroker_Vis_01.png 460w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/c0255/INSTAR_ioBroker_Vis_01.png 920w\", \"/en/static/c580ab534103509a1f486b03de09f2d3/2bef9/INSTAR_ioBroker_Vis_01.png 1024w\"],\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/c580ab534103509a1f486b03de09f2d3/c0255/INSTAR_ioBroker_Vis_01.png\",\n              \"alt\": \"Reset your INSTAR IP Camera\",\n              \"title\": \"Reset your INSTAR IP 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>{`Now open the Vis configuration window and add a `}<strong parentName=\"p\">{`Cam/Snapshot Dialog`}</strong>{` 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/8fa8a6e4d23aaf16319e520739e02bde/1ac29/INSTAR_ioBroker_Vis_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\": \"73.47826086956522%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAIAAABr+ngCAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAC6UlEQVQoz32RWWsTURiG5x8JIi54pRe1aKtWrbulglaEVgW9UbwTRC8UrYoKSgpdFKN2MW3VVqVpWk3SdNKYPTOTpZNMJufMyZzZMpPZJIogiD583/X7vLzE5+WVSCIby+ajaZpMUavJ3GoyRyapSCIbTTORRC6SyK0m6Xiu8OXryqel0IeF5flAkExR84FvRIZickyhsF7mgVDHEkSiUMc8ECo8tF3Xdh3XdbHS4IBQqdaKbFkQcYmtMMX1YDhCVMpljuNEhAKLix6PZ+zF2Nvx15O+ibfj3ql34z7f5MTEm6UlP0PTNEVVuQrLslgUzaaRzWYJRVawKNquO/rKe7K398z5c0eOdXd2tB09cejwsa7uo137ujsfPB7MpNOFQgFCyPM8AEAQhFgsRqSSSR4hm1ybfvL0nsfjnfHdvHVr58bNe9t2Hty968LlgbP9Z4ZGh0ANSJKEcetFjBVZTqSSBEPTmmW50TXvnfvXBx+8fD9799HTPTvaD+3Z3b5l68Ur/X0DfSMvRwQIEZZF3W7ardNMO0MzBGwhOK4biDODrz8Oeqeu3rjd0bbv8IED7du2918633fh3PDYsIAQhlBIprhVko9Gi+E1MhonGIZRVc0ym99zXLGm+VPstYdjnV29nR37t2/YdKq35/jpnmfPnymqJgGghVaa4YgRXrFJshoKEq0mkmSZZgUgioX5aj0cp+a/BObmPs9OTS/4/f7AYpQkkSjKANQWFnEwLAVD/HKEGvUSmXQGQmiapm3b7l84TmtnSZI4AJoIgYkp5Jup+2aA73354eOWtq7r1k+c39h/4DgOxhKEsNm0RSRbmmaqqqPrpUyWqNeRgIR/Jf9CVVWe53XDRKKk67phGLZt54ul1lSqqlqW9R9tWZI4nm9AQQwsmbHv5lrMiSfKc/MExljTtP93lmV5nWVlhBQm3yitN4olgy3ToRCRZ5harfbL5F/aiqJUq5xuGFUA5EZD0jTVMKKJ+A8TI+9+sGtBUwAAAABJRU5ErkJggg==')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/8fa8a6e4d23aaf16319e520739e02bde/e4706/INSTAR_ioBroker_Vis_02.avif 230w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/d1af7/INSTAR_ioBroker_Vis_02.avif 460w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/7f308/INSTAR_ioBroker_Vis_02.avif 920w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/5dd4b/INSTAR_ioBroker_Vis_02.avif 1022w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/8fa8a6e4d23aaf16319e520739e02bde/a0b58/INSTAR_ioBroker_Vis_02.webp 230w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/bc10c/INSTAR_ioBroker_Vis_02.webp 460w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/966d8/INSTAR_ioBroker_Vis_02.webp 920w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/6c19f/INSTAR_ioBroker_Vis_02.webp 1022w\"],\n              \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/en/static/8fa8a6e4d23aaf16319e520739e02bde/81c8e/INSTAR_ioBroker_Vis_02.png 230w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/08a84/INSTAR_ioBroker_Vis_02.png 460w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/c0255/INSTAR_ioBroker_Vis_02.png 920w\", \"/en/static/8fa8a6e4d23aaf16319e520739e02bde/1ac29/INSTAR_ioBroker_Vis_02.png 1022w\"],\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/8fa8a6e4d23aaf16319e520739e02bde/c0255/INSTAR_ioBroker_Vis_02.png\",\n              \"alt\": \"Reset your INSTAR IP Camera\",\n              \"title\": \"Reset your INSTAR IP 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>{`For a camera with the IP address `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`192.168.2.117`}</code>{`, the HTTP Port `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`80`}</code>{` and the user login `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`admin/instar`}</code>{` (change thos according to your camera setup) add the following URL in the `}<strong parentName=\"p\">{`group_icon`}</strong>{` / `}<strong parentName=\"p\">{`icon`}</strong>{` field and give it an `}<strong parentName=\"p\">{`Update Interval`}</strong>{` in milliseconds, e.g. `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`5000`}</code>{` to update the image every five seconds:`}</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        }}>{`http://192.168.2.117:80/tmpfs/auto.jpg?usr`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span>{`admin`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`&`}</span><span parentName=\"code\" {...{\n            \"className\": \"token assign-left variable\"\n          }}>{`pwd`}</span><span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span>{`instar`}</code></pre></div>\n    <p>{`Every camera has `}<Link to=\"/Outdoor_Cameras/IN-9020_HD/Video_Streaming/\" mdxType=\"Link\">{`3 snapshots with different resolutions`}</Link>{` - `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`auto.jpg`}</code>{` is the snapshot with a medium resolution.`}</p>\n    <p>{`For the `}<strong parentName=\"p\">{`Dialog URL`}</strong>{` we want to use the highest resolution instead - with `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`snap.jpg`}</code>{` - and an `}<strong parentName=\"p\">{`Update Interval`}</strong>{` of `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`1000 ms`}</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        }}>{`http://192.168.2.117:80/tmpfs/snap.jpg?usr`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span>{`admin`}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`&`}</span><span parentName=\"code\" {...{\n            \"className\": \"token assign-left variable\"\n          }}>{`pwd`}</span><span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span>{`instar`}</code></pre></div>\n    <p><img parentName=\"p\" {...{\n        \"src\": \"/en/52bea72d48429b012240b12dfeca893b/INSTAR_ioBroker_Vis_03.gif\",\n        \"alt\": \"Reset your INSTAR IP Camera\"\n      }}></img></p>\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","Link","name","props","console","warn","mdx","layoutProps","MDXLayout","MDXContent","_ref","components","_objectWithoutProperties","_excluded","Object","assign","mdxType","SEOHelmet","title","dateChanged","author","tag","description","image","twitter","location","pathname","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","PrimaryBoxInfo","EuiSpacer","parentName","to","isMDXComponent"],"sourceRoot":""}