{"version":3,"sources":["webpack:///./src/assets/images/Software/IPad_App_NEW_(12).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(4).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(9).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(11).png","webpack:///./src/components/Products/Software/instarvision-iPad-ddns-floating-gallery.jsx","webpack:///./src/pages/Software/iOS/InstarVision/iPad/DDNS/index.jsx","webpack:///./src/assets/images/Software/IPad_App_NEW_(8).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(2).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(3).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(1).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(10).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(7).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(6).png","webpack:///./src/assets/images/Software/IPad_App_NEW_(5).png"],"names":["module","exports","TabContainer","props","children","dir","Typography","component","style","padding","FloatingGallery","state","value","handleChange","event","setState","handleChangeIndex","index","render","this","classes","theme","className","root","AppBar","position","topbar","Tabs","onChange","indicatorColor","variant","scrollButtons","Tab","label","Paper","paper","elevation","axis","direction","onChangeIndex","textcontainer","imagecontainer","alt","src","iPad01","images","iPad02","to","iPad03","iPad04","iPad05","iPad06","iPad07","iPad08","iPad09","iPad10","iPad11","iPad12","React","Component","withStyles","backgroundColor","palette","background","width","display","justifyContent","maxHeight","margin","marginBottom","withTheme","seodata","styles","floatingbutton","float","presets","brand","color","ButtonLink01","forwardRef","ref","role","marginTop","location","Fragment","SEOHelmet","title","description","image","pathname","pills","pill","link","Button","href","previousTitle","previousLink","nextTitle","nextLink"],"mappings":"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","file":"component---src-pages-software-i-os-instar-vision-i-pad-ddns-index-jsx-2e417e20f6a403f8419b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(12)-2df242412918e38eeb87d18098ee568d.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(4)-8e208567248261a53c59c4e3eb4e98fe.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(9)-232e5de91c7879eae85ac36733bd6518.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(11)-5789833c604ca290b056cfe2d8a198b1.png\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from \"gatsby\"\n\nimport SwipeableViews from 'react-swipeable-views'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../utils/withRoot'\nimport AppBar from '@material-ui/core/AppBar'\nimport Paper from '@material-ui/core/Paper'\nimport Tabs from '@material-ui/core/Tabs'\nimport Tab from '@material-ui/core/Tab'\nimport Typography from '@material-ui/core/Typography'\n\nimport iPad01 from '../../../assets/images/Software/IPad_App_NEW_(1).png'\nimport iPad02 from '../../../assets/images/Software/IPad_App_NEW_(2).png'\nimport iPad03 from '../../../assets/images/Software/IPad_App_NEW_(3).png'\nimport iPad04 from '../../../assets/images/Software/IPad_App_NEW_(4).png'\nimport iPad05 from '../../../assets/images/Software/IPad_App_NEW_(5).png'\nimport iPad06 from '../../../assets/images/Software/IPad_App_NEW_(6).png'\nimport iPad07 from '../../../assets/images/Software/IPad_App_NEW_(7).png'\nimport iPad08 from '../../../assets/images/Software/IPad_App_NEW_(8).png'\nimport iPad09 from '../../../assets/images/Software/IPad_App_NEW_(9).png'\nimport iPad10 from '../../../assets/images/Software/IPad_App_NEW_(10).png'\nimport iPad11 from '../../../assets/images/Software/IPad_App_NEW_(11).png'\nimport iPad12 from '../../../assets/images/Software/IPad_App_NEW_(12).png'\n\nfunction TabContainer(props) {\n  const { children, dir } = props;\n\n  return (\n    <Typography component=\"div\" dir={dir} style={{ padding: 8 * 3 }}>\n      {children}\n    </Typography>\n  );\n}\n\nTabContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  dir: PropTypes.string.isRequired,\n};\n\nconst styles = theme => ({\n  root: {\n    backgroundColor: theme.palette.background.paper,\n    width: '100 vw',\n    position: 'relative',\n  },\n  topbar: {\n    backgroundColor: '#1274d3',\n  },\n  imagecontainer: {\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  images: {\n    maxHeight: 600,\n    margin: 0,\n  },\n  textcontainer: {\n    marginBottom: 15,\n  },\n  paper: {\n    padding: 15\n  }\n});\n\nclass FloatingGallery extends React.Component {\n  state = {\n    value: 0,\n  };\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  handleChangeIndex = index => {\n    this.setState({ value: index });\n  };\n\n  render() {\n    const { classes, theme } = this.props;\n\n    return (\n      <div className={classes.root}>\n        <AppBar position=\"static\" className={classes.topbar}>\n          <Tabs\n            value={this.state.value}\n            onChange={this.handleChange}\n            indicatorColor=\"primary\"\n            variant=\"scrollable\"\n            scrollButtons=\"auto\"\n          >\n            <Tab label=\"Schritt I\" />\n            <Tab label=\"Schritt II\" />\n            <Tab label=\"Schritt III\" />\n            <Tab label=\"Schritt IV\" />\n            <Tab label=\"Schritt V\" />\n            <Tab label=\"Schritt VI\" />\n            <Tab label=\"Schritt VII\" />\n            <Tab label=\"Schritt VIII\" />\n            <Tab label=\"Schritt IX\" />\n            <Tab label=\"Schritt X\" />\n            <Tab label=\"Schritt XI\" />\n            <Tab label=\"Schritt XII\" />\n          </Tabs>\n        </AppBar>\n        <Paper className={classes.paper} elevation={1}>\n          <SwipeableViews\n            axis={theme.direction === 'rtl' ? 'x-reverse' : 'x'}\n            index={this.state.value}\n            onChangeIndex={this.handleChangeIndex}\n          >\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[01]</strong> Gehen Sie in die Multiansicht oder Kameras Menü und klicken Sie den <strong>+</strong> Button in der oberen rechten Ecke, um Ihre Kamera hinzuzufügen.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad01} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[02]</strong> Wählen Sie <strong>Neue IP Kamera</strong>, um eine neue IP-Kamera hinzuzufügen.<br /><br />\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad02} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[03]</strong> Scannen Sie entweder den QR Code aus der Weboberfläche Ihrer Kamera (<Link to=\"/Web_User_Interface/720p_Series/Network/DDNS/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/Network/Remote_Access/\">1080p</Link>) oder wählen Sie manuell das Kameramodell.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad03} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[04]</strong> Wählen Sie den Hersteller Ihrer Kamera.<br /><br />\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad04} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[05]</strong> Wählen Sie Ihr Kameramodell. Klicken Sie danach auf Weiter um fortzufahren.<br /><br />\n              </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad05} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[06]</strong> Geben Sie einen Namen für Ihre Kamera ein und klicken Sie auf Weiter um fortzufahren.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad06} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[07]</strong> Geben Sie die DDNS-Adresse Ihrer Kamera (<Link to=\"/Web_User_Interface/720p_Series/Network/DDNS/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/Network/Remote_Access/\">1080p</Link>) ein oder die lokale IP Adresse (<Link to=\"/Web_User_Interface/720p_Series/Network/IP_Configuration/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/Network/IP_Configuration/\">1080p</Link>) und klicken Sie auf Weiter um fortzufahren.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad07} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[08]</strong> Geben Sie den LAN (HTTP) Port (<Link to=\"/Web_User_Interface/720p_Series/Network/IP_Configuration/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/Network/IP_Configuration/\">1080p</Link>) Ihrer Kamera ein und klicken Sie auf Weiter um fortzufahren.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad08} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[09]</strong> Geben Sie den Benutzernamen Ihres Kameralogins (<Link to=\"/Web_User_Interface/720p_Series/System/User/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/System/User/\">1080p</Link>) ein und klicken Sie auf Weiter um fortzufahren.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad09} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[10]</strong> Geben Sie das Kennwort Ihres Kameralogins (<Link to=\"/Web_User_Interface/720p_Series/System/User/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/System/User/\">1080p</Link>) ein und klicken Sie auf Weiter um fortzufahren.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad10} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[11]</strong> Sie können auf das grüne <strong>+</strong> klicken, um eine lokale IP-Adresse und den lokalen Port Ihrer Kamera hinzuzufügen.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad11} className={classes.images} />\n              </div>\n            </TabContainer>\n            <TabContainer dir={theme.direction}>\n              <div className={classes.textcontainer}>\n                <strong>[12]</strong> Jetzt können Sie Ihre Einstellungen überprüfen und auf Speichern klicken, um Ihre Kamera hinzuzufügen.\n                </div>\n              <div className={classes.imagecontainer}>\n                <img alt=\"InstarVision Android App\" src={iPad12} className={classes.images} />\n              </div>\n            </TabContainer>\n          </SwipeableViews>\n        </Paper>\n      </div>\n    );\n  }\n}\n\nFloatingGallery.propTypes = {\n  classes: PropTypes.object.isRequired,\n  theme: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles, { withTheme: true })(FloatingGallery))\nexport default withStyles(styles, { withTheme: true })(FloatingGallery)","import React from 'react'\nimport Link from 'gatsby-link'\nimport PropTypes from 'prop-types'\nimport { withStyles } from '@material-ui/core/styles'\nimport Button from '@material-ui/core/Button'\n\nimport presets from \"../../../../../../utils/presets\"\n\nimport SEOHelmet from '../../../../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../../../../components/Layout/breadcrumbs/breadcrumbs'\nimport FloatingGallery from \"../../../../../../components/Products/Software/instarvision-iPad-ddns-floating-gallery\"\n\nconst seodata = {\n  title: 'iPad App InstarVision',\n  description: 'Adjust your apps global Settings for your app and all your cameras, create Backups and access the in-App Help Section with explanations for all function buttons.',\n  image: '/images/Search/P_SearchThumb_InstarVision_iOS.png'\n};\n\nconst styles = {\n  floatingbutton: {\n    float: 'right',\n    background: presets.brand,\n    color: 'white!important',\n  },\n}\n\nconst ButtonLink01 = React.forwardRef((props, ref) => <Link to=\"/Software/Mobile_Access_Over_HTTPS/\"  role=\"button\" {...props} ref={ref} />)\n\nfunction InstarVisionDDNS(props) {\n  const { classes, location } = props;\n  return (\n    <React.Fragment>\n      <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={location.pathname} />\n      <h1 css={{ marginTop: 0 }}>InstarVision Surveillance Center</h1>\n      <h2>InstarVision iPad App</h2>\n\n      <BreadCrumbs\n        pills={\n          [\n            {\n              pill: \"Software\",\n              link: \"/fr/Software/\"\n            },\n            {\n              pill: \"iOS\",\n              link: \"/fr/Software/iOS/\"\n            },\n            {\n              pill: \"InstarVision\",\n              link: \"/fr/Software/iOS/InstarVision/\"\n            },\n            {\n              pill: \"iPad\",\n              link: \"/fr/Software/iOS/InstarVision/iPad/\"\n            },\n          ]\n        } />\n\n      <h3>Ajouter une Caméra: <em>Accès DDNS</em></h3>\n      <p>Vous avez manqué l&apos;audio avec votre modèle 1080p?\n        <Button variant=\"contained\" color=\"primary\" className={classes.floatingbutton} component={ButtonLink01}>\n          Audio & HTTPS\n        </Button>\n      </p>\n      <br />\n      <p>Après avoir installé la nouvelle version, lancez l&apos;app et faites glisser vers la droite pour entrer dans l&apos;onglet Caméras. Le symbole <strong>+</strong> en haut à droite vous permet de choisir entre trois façons d&apos;ajouter votre caméra IP.</p>\n      <br />\n      <br />\n      <FloatingGallery />\n      <br />\n      <br />\n      <h3>Add an INSTAR DDNS IP Camera</h3>\n      <table>\n        <tbody>\n          <tr>\n            <th>DDNS or P2P</th>\n            <td>First you have to choose to add your camera via its local IP / DDNS address or its P2P UID. For the Point-2-Point Service please <a href=\"/fr/Software/Android/InstarVision/P2P/\">Continue Reading Here</a>.</td>\n          </tr>\n          <tr>\n            <th>Camera Model</th>\n            <td>InstarVision allows you to add cameras from different manufacturers beside INSTAR. Please choose the correct brand and model of your camera. You can also opt to simply scan your camera&apos;s QRcode from the DDNS menu: (<Link to=\"/Web_User_Interface/720p_Series/Network/DDNS/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/Network/Remote_Access/\">1080p</Link>) - it will automatically fill out all the necessary information to add your camera!</td>\n          </tr>\n          <tr>\n            <th>Camera Name</th>\n            <td>You can choose a name for your camera - the name does not have to be identical with the camera name inside the web user interface.</td>\n          </tr>\n          <tr>\n            <th>Host / IP Address</th>\n            <td>Type your camera&apos;s local IP address (e.g. 192.168.178.26) to access your camera at home or use your DDNS address (e.g. abcd12.ddns-instar.de) when you want to be able to access your camera from the road. Please be aware that you will need a <Link to=\"/Internet_Access/Port_Forwarding/\">Port Forwarding</Link> rule inside your internet router to use the <Link to=\"/Internet_Access/The_DDNS_Service/\">DDNS Service</Link>!</td>\n          </tr>\n          <tr>\n            <th>Port</th>\n            <td>Type in the camera&apos;s http port, that can be found and set in the camera&apos;s web user interface: (<Link to=\"/Web_User_Interface/720p_Series/Network/IP_Configuration/\">720p</Link> / <Link to=\"/Web_User_Interface/1080p_Series/Network/IP_Configuration/\">1080p</Link>). The default value is 80 - but we recommend that you change it to the port 8081 or higher. Please be aware that you will need a <Link to=\"/Internet_Access/Port_Forwarding/\">Port Forwarding</Link> rule inside your internet router to use the <Link to=\"/Internet_Access/The_DDNS_Service/\">DDNS Service</Link>!</td>\n          </tr>\n          <tr>\n            <th>User Name</th>\n            <td>To access your camera you will need to provide the username you use to log in to your camera&apos;s web user interface. The default username for both HD and VGA cameras is <strong>admin</strong>.</td>\n          </tr>\n          <tr>\n            <th>Password</th>\n            <td>Provide the password you use to log in to your camera&apos;s web user interface. The default password is <strong>instar</strong> for HD cameras and no password for VGA cameras.</td>\n          </tr>\n          <tr>\n            <th>Test/Add</th>\n            <td>Afterwards click on Test to check your configuration. Click on Save once the test was successful. Go to the <Link to=\"/Software/Android/InstarVision/Multiview/\">Multiview Menu</Link> to access your cameras live video stream.</td>\n          </tr>\n        </tbody>\n      </table>\n      <br />\n      <br />\n      <Footer\n        previousTitle=\"InstarVision (iPad)\"\n        previousLink=\"/fr/Software/iOS/InstarVision/iPad/\"\n        nextTitle=\"P2P Menu\"\n        nextLink=\"/fr/Software/iOS/InstarVision/iPad/P2P/\" />\n    </React.Fragment>\n  );\n}\n\nInstarVisionDDNS.propTypes = {\n  classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(InstarVisionDDNS);","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(8)-78845b6b26a0e6d63f4bcd429dd501f3.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(2)-5ab8637d9e3a0615b7b7b6ed0320d4a9.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(3)-f344c525852bb31de5a1e2074b9ce3e8.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(1)-e3399936f46dabf82520499ac4d65368.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(10)-dcb30434a74a0654cab38a2cc1c36346.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(7)-df2bd1d622965dceb4b3a5a220941391.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(6)-5c98dea4167c6f9c24e0ac5f587a77be.png\";","module.exports = __webpack_public_path__ + \"static/IPad_App_NEW_(5)-69fa572c800dc7484de89dd2f1c218ba.png\";"],"sourceRoot":""}