{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Software.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Video-Menu-Bar.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_PTZ.png","webpack:///./node_modules/@material-ui/core/esm/CardMedia/CardMedia.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Menu-Bar.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Network.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Cloud.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Alarm.png","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_Multimedia.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_System.png","webpack:///./src/components/Web_User_Interface/720p_Serie/TocList.jsx","webpack:///./src/components/Web_User_Interface/Videos/video-webui-hd.jsx","webpack:///./src/components/Web_User_Interface/Videos/video-webui-hd-pnp.jsx","webpack:///./src/pages/Web_User_Interface/720p_Series.jsx"],"names":["Card","props","ref","classes","className","_props$raised","raised","other","root","elevation","overflow","name","module","exports","MEDIA_COMPONENTS","CardMedia","children","_props$component","component","Component","image","src","style","isMediaComponent","indexOf","composedStyle","backgroundImage","concat","media","img","undefined","display","backgroundSize","backgroundRepeat","backgroundPosition","width","objectFit","CardContent","padding","paddingBottom","withStyles","card","marginBottom","cursor","details","flexDirection","content","flex","cover","minWidth","height","margin","onClick","navigate","role","tabIndex","onKeyDown","SoftwareMenu","title","Typography","variant","color","NetworkMenu","SystemMenu","MultimediaMenu","AlarmMenu","CloudMenu","BarMenu","VideoMenu","PTZMenu","require","cardstyle","figcaption","icon","fontSize","Grid","container","spacing","item","xs","Paper","href","target","rel","seodata","Webui720Overview","Fragment","SEOHelmet","description","location","pathname","id","marginTop","pills","pill","link","TocList","previousTitle","previousLink","nextTitle","nextLink"],"mappings":"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","file":"component---src-pages-web-user-interface-720-p-series-jsx-27b3ca09858ddabcf2e7.js","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n overflow: 'hidden'\n }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$raised = props.raised,\n raised = _props$raised === void 0 ? false : _props$raised,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n\n return /*#__PURE__*/React.createElement(Paper, _extends({\n className: clsx(classes.root, className),\n elevation: raised ? 8 : 1,\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCard'\n})(Card);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Software-f1b88d59a3c9fe7e1f7ec4d355159af7.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Video-Menu-Bar-9fb8ce4c04a8874bb574f55d2bb5323d.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_PTZ-6679736924f755e65f98b56ed42f06cd.png\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n display: 'block',\n backgroundSize: 'cover',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center'\n },\n\n /* Styles applied to the root element if `component=\"video, audio, picture, iframe, or img\"`. */\n media: {\n width: '100%'\n },\n\n /* Styles applied to the root element if `component=\"picture or img\"`. */\n img: {\n // ⚠️ object-fit is not supported by IE 11.\n objectFit: 'cover'\n }\n};\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(props, ref) {\n var children = props.children,\n classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n image = props.image,\n src = props.src,\n style = props.style,\n other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"image\", \"src\", \"style\"]);\n\n var isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;\n var composedStyle = !isMediaComponent && image ? _extends({\n backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n }, style) : style;\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className, isMediaComponent && classes.media, \"picture img\".indexOf(Component) !== -1 && classes.img),\n ref: ref,\n style: composedStyle,\n src: isMediaComponent ? image || src : undefined\n }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardMedia'\n})(CardMedia);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Menu-Bar-bd7bdece7037065d91c7f194c68d0402.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Network-9347abe13c134ad14613f231de32b816.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Cloud-b2d760bad74edfbffafb0620d0468ec7.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Alarm-984b597bf74f782f0f312f69a223f34c.png\";","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n /* Styles applied to the root element. */\n root: {\n padding: 16,\n '&:last-child': {\n paddingBottom: 24\n }\n }\n};\nvar CardContent = /*#__PURE__*/React.forwardRef(function CardContent(props, ref) {\n var classes = props.classes,\n className = props.className,\n _props$component = props.component,\n Component = _props$component === void 0 ? 'div' : _props$component,\n other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n return /*#__PURE__*/React.createElement(Component, _extends({\n className: clsx(classes.root, className),\n ref: ref\n }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n name: 'MuiCardContent'\n})(CardContent);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_Multimedia-21e14a63e3fb903b515c14eb470e251b.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_System-2bd2f80c724db9cfb57785247c22bede.png\";","import React from 'react'\nimport { navigate } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport Typography from '@material-ui/core/Typography'\n\nimport SoftwareMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Software.png\"\nimport NetworkMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Network.png\"\nimport SystemMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_System.png\"\nimport MultimediaMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Multimedia.png\"\nimport AlarmMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Alarm.png\"\n// import RecordingMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Recording.png\"\nimport CloudMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Cloud.png\"\nimport BarMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Menu-Bar.png\"\nimport VideoMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_Video-Menu-Bar.png\"\nimport PTZMenu from \"../../../assets/images/TOC_Icons/QL-Box_WebUI_PTZ.png\"\n\nconst styles = {\n card: {\n display: 'flex',\n marginBottom: 10,\n cursor: 'pointer',\n },\n details: {\n display: 'flex',\n flexDirection: 'column',\n },\n content: {\n flex: '1 0 auto',\n },\n cover: {\n minWidth: 75,\n height: 75,\n margin: '20px 10px 0 10px'\n },\n}\n\nfunction TOCList(props) {\n const { classes } = props;\n\n return (\n
\n
navigate('/Web_User_Interface/720p_Series/Software/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/Software/')}>\n \n \n
\n \n Software Menu\n \n Change the language of the web user interface, reboot or reset or upload a firmware and web UI update to your camera.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/Network/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/Network/')}>\n \n \n
\n \n Network Menu\n \n Change your camera´s IP configuration or WiFi settings or connect it to your smartphone by scanning the DDNS, P2P or Push Service QR code with our smartphone app.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/System/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/System/')}>\n \n \n
\n \n System Menu\n \n Change your camera´s System settings, adjust the status and IR LEDs or the Pan, Tilt and Zoom behaviour of your camera.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/Multimedia/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/Multimedia/')}>\n \n \n
\n \n Multimedia Menu\n \n Adjust your video quality and the audio volume of your camera. The image settings allow you to adjust contrast, saturation and brightness of your camera.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/Alarm/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/Alarm/')}>\n \n \n
\n \n Alarm Menu\n \n Activate your camera´s motion or audio detection and actions to be taken in case of an alarm - like video recordings, email alerts or FTP uploads.\n \n \n
\n
\n
\n {/*
navigate('/Web_User_Interface/720p_Series/Recording/')}>\n \n \n
\n \n Recording Menu\n \n All HD cameras are equipped with expandable SD card storage (up to 32 GB) that can be used to store photo series or video recordings.\n \n \n
\n
\n
*/}\n
navigate('/Web_User_Interface/1080p_Series/Cloud/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Cloud/')}>\n \n \n
\n \n Cloud Menu\n \n An overview over our online recording platform for your INSTAR IP camera.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/Menu_Bar/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/Menu_Bar/')}>\n \n \n
\n \n Menu Bar\n \n The Menu Bar is located above the live video and allows you to quickly access the SD card, take snapshots or start recordings or activate the motion detection of your camera.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/Video_Menu_Bar/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/Video_Menu_Bar/')}>\n \n \n
\n \n Video Menu Bar\n \n The Video Menu Bar is a part of the ActiveX video plugin. To make use of the plugin, you have to activate it inside the Video Menu.\n \n \n
\n
\n
\n
navigate('/Web_User_Interface/720p_Series/PTZ_Control/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/720p_Series/PTZ_Control/')}>\n \n \n
\n \n PTZ Menu\n \n Every camera that can be panned, tilted or have a lense with a variable focal length can be controlled directly from the user interface.\n \n \n
\n
\n
\n
\n );\n}\n\nTOCList.propTypes = {\n classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(TOCList)","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Player } from 'video-react'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport Grid from '@material-ui/core/Grid'\n\nimport ExternalLink from '@material-ui/icons/Launch'\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nrequire('./../../../assets/styles/video.css')\n\nconst styles = {\n cardstyle: {\n padding: 5,\n },\n figcaption: {\n padding: 5\n },\n icon: {\n fontSize: 16,\n },\n};\n\nfunction VideoCard(props) {\n const { classes } = props;\n return (\n \n \n \n \n \n \n
\n

Eine Einführung in die 720p Web-Benutzeroberfläche für Ihre INSTAR HD Kamera. Auf Youtube ansehen

\n
\n
\n
\n
\n );\n}\n\nVideoCard.propTypes = {\n classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(VideoCard)","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Player } from 'video-react'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Paper from '@material-ui/core/Paper'\nimport Grid from '@material-ui/core/Grid'\n\nimport ExternalLink from '@material-ui/icons/Launch'\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nrequire('./../../../assets/styles/video.css')\n\nconst styles = {\n cardstyle: {\n padding: 5,\n },\n figcaption: {\n padding: 5\n },\n icon: {\n fontSize: 16,\n },\n};\n\nfunction VideoCard(props) {\n const { classes } = props;\n return (\n \n \n \n \n \n \n
\n

Plug & Play Setup für Ihre INSTAR HD Kamera. Auf Youtube ansehen

\n
\n
\n
\n
\n );\n}\n\nVideoCard.propTypes = {\n classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(VideoCard)","import React from 'react'\n\nimport SEOHelmet from '../../components/Layout/SEOHelmet'\nimport Footer from \"../../components/Layout/footer\"\nimport BreadCrumbs from '../../components/Layout/breadcrumbs/breadcrumbs'\nimport TocList from '../../components/Web_User_Interface/720p_Serie/TocList'\nimport VideoPlayerIntro from '../../components/Web_User_Interface/Videos/video-webui-hd'\nimport YoutubeCardPlay from '../../components/Web_User_Interface/Videos/video-webui-hd-pnp'\n\nconst seodata = {\n title: 'INSTAR HD Web User Interface',\n description: 'The HTML5 web user interface allows an easy configuration and camera control through your default web browser like Chrome, Safari, Firefox, Internet Explorer.',\n image: '/images/Search/QI_SearchThumb_WebUI_720p.png'\n};\n\nconst Webui720Overview = (props) => (\n \n \n

\n 720p Web User Interface\n

\n\n \n\n \n
\n

The HTML5 web user interface allows an easy configuration and camera control through your default web browser (Chrome, Safari, Firefox, Internet Explorer).

\n
\n \n
\n

Plug & Play Setup for your INSTAR HD Camera.

\n
\n \n
\n
\n \n
\n)\n\nexport default Webui720Overview;"],"sourceRoot":""}