{"version":3,"sources":["webpack:///./src/components/Products/Usermanuals/CameraNightvision/nightvision-min-max-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraNightvision/nightvision-min-max-card.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6012/Videos/video-6012-product-overview.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6012/Videos/video-6012-product-config.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6012/in6012-overview-card.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6012/Radar_Graphs/in6012-radargraph-8015.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6012/Radar_Graphs/in6012-radargraph-3011.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6012/Radar_Graphs/in6012-radargraph-grid.jsx","webpack:///./src/pages/Indoor_Cameras/IN-6012_HD/index.jsx","webpack:///./src/components/Products/Usermanuals/CameraAngleOfView/aov-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraAngleOfView/aov-card.jsx","webpack:///./node_modules/@material-ui/core/esm/CardActions/CardActions.js"],"names":["DATA","x","y","Example","props","state","crosshairValues","render","Fragment","className","onMouseLeave","setState","height","xType","stackBy","onNearestX","value","index","map","d","cluster","color","data","values","this","orientation","items","title","React","Component","withStyles","container","paddingTop","paddingBottom","paddingLeft","paddingRight","classes","Paper","Typography","variant","require","cardstyle","padding","figcaption","icon","fontSize","Grid","spacing","item","xs","src","href","target","rel","card","maxWidth","imagebox","marginTop","button","float","background","boxShadow","overviewImage","Card","CardContent","gutterBottom","component","Button","style","textDecoration","fluid","alt","CardActions","name","nightvision","megapixel","power","focal","irleds","FlexibleRadarChart","makeWidthFlexible","RadarChart","IN8015RadarIN6012","startingAngle","domains","domain","margin","left","right","width","cardmedia","display","justifyContent","md","seodata","SEOHelmet","description","image","location","id","pills","pill","link","file","childImageSharp","to","previousTitle","previousLink","nextTitle","nextLink","ref","_props$disableSpacing","disableSpacing","other","root","alignItems","marginLeft"],"mappings":"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","file":"component---src-pages-indoor-cameras-in-6012-hd-index-jsx-2018ac73a63804b4d061.js","sourcesContent":["import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  XAxis,\n  VerticalGridLines,\n  HorizontalGridLines,\n  VerticalBarSeries,\n  DiscreteColorLegend,\n  Crosshair\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'IN-6001 HD', y: 5 },\n    { x: 'IN-6014 HD', y: 5 },\n    { x: 'IN-5905 HD', y: 12 },\n    { x: 'IN-5907 HD', y: 18 },\n    { x: 'IN-7011 HD', y: 8 },\n    { x: 'IN-8003 FHD', y: 8 },\n    { x: 'IN-8015 FHD', y: 5 },\n    { x: 'IN-9008 FHD', y: 12 },\n    { x: 'IN-9020 FHD', y: 15 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 7 },\n    { x: 'IN-6014 HD', y: 10 },\n    { x: 'IN-5905 HD', y: 20 },\n    { x: 'IN-5907 HD', y: 25 },\n    { x: 'IN-7011 HD', y: 12 },\n    { x: 'IN-8003 FHD', y: 12 },\n    { x: 'IN-8015 FHD', y: 10 },\n    { x: 'IN-9008 FHD', y: 20 },\n    { x: 'IN-9020 FHD', y: 25 }\n  ]\n];\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={300}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n            \n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <XAxis />\n\n            <VerticalBarSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"nightvision\"\n              color=\"#1274d3\"\n              data={DATA[0]} />\n\n            <VerticalBarSeries\n              cluster=\"nightvision\"\n              color=\"#efac59\"\n              data={DATA[1]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] min [m]',\n                color: '#1274d3'\n              },\n              {\n                title: '[1] max [m]',\n                color: '#efac59'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport PowerGraph from \"./nightvision-min-max-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction PowerCard(props) {\n  const { classes } = props;\n  return (\n    <Paper>\n      <div className={classes.container}>\n        <Typography variant=\"h5\" >\n          Nightvision Distance\n        </Typography>\n        <br />\n        <PowerGraph />\n      </div>\n    </Paper>\n  );\n}\n\nPowerCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(PowerCard))\nexport default withStyles(styles)(PowerCard)","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Player } from 'video-react'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\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    <Grid container spacing={10}>\n      <Grid item xs={12}>\n        <Paper className={classes.cardstyle}>\n          <Player>\n            <source src=\"https://wiki.instar.com/videos/IN6012_720p_HD_Pan_Tilt_IP_Kamera_fuer_den_Innenraum_iPhone_App.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>Die INSTAR IN-6012 ist eine Pan&Tilt-fähige 720p HD IP-Kamera der Firma INSTAR. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=qh4-5yQBXlo\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube ansehen <ExternalLink className={classes.icon} /></OutboundLink></p>\n          </div>\n        </Paper>\n      </Grid>\n    </Grid>\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    <Grid container spacing={10}>\n      <Grid item xs={12}>\n        <Paper className={classes.cardstyle}>\n          <Player>\n            <source src=\"https://wiki.instar.com/videos/IP_Camera_Setup_Installation_Guide_with_IN6012HD.mp4\" />\n          </Player>\n          <div className={classes.figcaption}>\n            <p>How to Install the IP camera hardware? How to connect the camera to the network and wifi? This Guide shows you how you can easily setup your new INSTAR IP camera in a few quick steps. Auf <OutboundLink href=\"https://www.youtube.com/watch?v=qh4-5yQBXlo\" target=\"_blank\" rel=\"noopener noreferrer\">Youtube ansehen <ExternalLink className={classes.icon} /></OutboundLink></p>\n          </div>\n        </Paper>\n      </Grid>\n    </Grid>\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 Img from 'gatsby-image'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Card from '@material-ui/core/Card'\nimport CardActions from '@material-ui/core/CardActions'\nimport CardContent from '@material-ui/core/CardContent'\nimport Button from '@material-ui/core/Button'\nimport Typography from '@material-ui/core/Typography'\n\nconst styles = {\n  card: {\n    maxWidth: 860\n  },\n  imagebox: {\n    marginTop: 15,\n  },\n  button: {\n    float: 'right',\n    background: '#06d',\n    color: '#fff',\n    boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n  }\n}\n\nfunction OverviewCard(props) {\n  const { classes, overviewImage } = props;\n  return (\n    <div>\n      <Card className={classes.card}>\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            IN-6012HD\n          </Typography>\n          <Button variant=\"contained\" color=\"primary\" style={{ textDecoration: 'none', color: 'white' }}\n            className={classes.button} href=\"https://www.instar.de/ip-innenkameras/in-6012hd-series.html\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Go to Shop\n          </Button>\n          <Typography component=\"p\">\n            Indoor surveillance in 720p resolution\n            </Typography>\n        </CardContent>\n        <CardContent className={classes.imagebox}>\n          <Img fluid={overviewImage} alt=\"INSTAR IN-6012 HD IP Camera\" />\n        </CardContent>\n        <CardActions>\n          <Typography component=\"p\">\n            <strong>1.)</strong> Photodiode for twilight switch, <strong>2.)</strong> Infrared LED´s for night vision, <strong>3.)</strong> Standard 8mm F/1.2 infrared lense, <strong>4.)</strong> Remote controlled camera head, <strong>5.)</strong> High quality ABS housing and Internal microphone, <strong>6.)</strong> SD card, <strong>7.)</strong> DC power supply connector, <strong>8.)</strong> WiFi antenna, <strong>9.)</strong> Camera Reset, <strong>10.)</strong> RJ45 Ethernet connector, <strong>11.)</strong> Audio In/Out for external Speaker and Microphones, <strong>12.)</strong> Alarm I/O connector for external devices\n          </Typography>\n        </CardActions>\n      </Card>\n    </div>\n  );\n}\n\nOverviewCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(OverviewCard))\nexport default withStyles(styles)(OverviewCard)\n","import React from 'react'\nimport '../../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  RadarChart,\n  makeWidthFlexible\n} from 'react-vis'\n\nconst DATA = [\n  { name: 'IN6012', nightvision: 10, megapixel: 1, power: 8, focal: 8, irleds: 10 },\n  { name: 'IN8015', nightvision: 10, megapixel: 2, power: 10, focal: 4.2, irleds: 10 }\n]\n\nconst FlexibleRadarChart = makeWidthFlexible(RadarChart)\n\nexport default class IN8015RadarIN6012 extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleRadarChart\n            data={DATA}\n            startingAngle={0}\n            domains={[\n              { name: 'focal', domain: [4, 8] },\n              { name: 'megapixel', domain: [1, 2] },\n              { name: 'power', domain: [8, 10] },\n              { name: 'nightvision', domain: [10, 10] },\n              { name: 'irleds', domain: [10, 10] }\n            ]}\n            margin={{\n              left: 50,\n              right: 50\n            }}\n            width={400}\n            height={275} />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport '../../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  RadarChart,\n  makeWidthFlexible\n} from 'react-vis'\n\nconst DATA = [\n  { name: 'IN6012', nightvision: 10, megapixel: 2, power: 8, focal: 8, irleds: 10 },\n  { name: 'IN3011', nightvision: 12, megapixel: 0.3, power: 7.6, focal: 6, irleds: 10 }\n]\n\nconst FlexibleRadarChart = makeWidthFlexible(RadarChart)\n\nexport default class IN8015RadarIN6012 extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleRadarChart\n            data={DATA}\n            startingAngle={0}\n            domains={[\n              { name: 'focal', domain: [6, 8] },\n              { name: 'megapixel', domain: [0, 2] },\n              { name: 'power', domain: [7, 8] },\n              { name: 'nightvision', domain: [10, 12] },\n              { name: 'irleds', domain: [10, 12] }\n            ]}\n            margin={{\n              left: 50,\n              right: 50\n            }}\n            width={400}\n            height={275} />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from \"react\"\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../../utils/withRoot'\nimport Grid from '@material-ui/core/Grid'\nimport Typography from '@material-ui/core/Typography'\n\nimport IN6012RadarIN8015 from \"./in6012-radargraph-8015\"\nimport IN6012RadarIN3011 from \"./in6012-radargraph-3011\"\n\nconst styles = {\n  cardmedia: {\n    height: 275,\n    display: 'flex',\n    justifyContent: 'center'\n  }\n}\n\nfunction IN6014RadarGrid(props) {\n  const { classes } = props;\n\n  return (\n    <Grid container spacing={10}>\n      <Grid item xs={12} md={6}>\n        <Typography variant=\"subtitle1\">\n          IN-6012HD vs IN-8015FHD\n        </Typography>\n        <div className={classes.cardmedia}>\n          <IN6012RadarIN8015 />\n        </div>\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <Typography variant=\"subtitle1\">\n          IN-6012HD vs IN-3011\n        </Typography>\n        <div className={classes.cardmedia}>\n          <IN6012RadarIN3011 />\n        </div>\n      </Grid>\n    </Grid>\n  );\n}\n\nIN6014RadarGrid.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(IN6014RadarGrid))\nexport default withStyles(styles)(IN6014RadarGrid)\n","import React from \"react\"\nimport { graphql } from 'gatsby'\nimport { Link } from 'gatsby'\n\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nimport VideoProductOverview from \"../../../components/Products/Indoor_Cameras/IN-6012/Videos/video-6012-product-overview\"\nimport VideoConfig from \"../../../components/Products/Indoor_Cameras/IN-6012/Videos/video-6012-product-config\"\n\nimport OverviewCard from \"../../../components/Products/Indoor_Cameras/IN-6012/in6012-overview-card\"\nimport IN6012RadarGrid from \"../../../components/Products/Indoor_Cameras/IN-6012/Radar_Graphs/in6012-radargraph-grid\"\nimport NightvisionCard from \"../../../components/Products/Usermanuals/CameraNightvision/nightvision-min-max-card\"\nimport AOVCard from \"../../../components/Products/Usermanuals/CameraAngleOfView/aov-card\"\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\n\nconst seodata = {\n  title: 'INSTAR IN-6012 HD',\n  description: 'The IN-6012HD is the standard HD PTZ camera for indoor surveillance. It has a standard lens with 40 ° viewing angle and IR night vision.',\n  image: '/images/Search/P_SearchThumb_IN-6012HD.png'\n}\n\nexport default ({ data }) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location='/Indoor_Cameras/IN-6012_HD/' />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      Product Overview\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Products\",\n            link: \"/fr/Products/\"\n          },\n          {\n            pill: \"Indoor Cameras\",\n            link: \"/fr/Indoor_Cameras/\"\n          },\n          {\n            pill: \"Usermanual\",\n            link: \"/fr/Indoor_Cameras/IN-6012_HD/Usermanual/\"\n          },\n          {\n            pill: \"Overview\",\n            link: \"/fr/Indoor_Cameras/IN-6012_HD/\"\n          },\n        ]\n      } />\n\n    <OverviewCard overviewImage={data.file.childImageSharp.fluid} />\n    <br />\n    <br />\n    <table>\n      <thead>\n        <tr>\n          <th>WiFi Variant</th>\n          <th>\n            <Link to=\"/Quick_Installation/Power_over_Ethernet/\">\n              PoE Variant\n            </Link>\n          </th>\n          <th>\n            <OutboundLink href=\"https://www.instar.de/tools/calc_lens\">Field of View</OutboundLink>\n          </th>\n          <th>Pan & Tilt</th>\n          <th>Zoom</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            <OutboundLink href=\"https://www.instar.de/ip-innenkameras/IN-6012fullhd-series/IN-6012fullhd-white.html\">\n              White\n            </OutboundLink>{\" \"}\n            /{\" \"}\n            <OutboundLink href=\"https://www.instar.de/ip-innenkameras/IN-6012fullhd-series/IN-6012fullhd-black.html\">\n              Black\n            </OutboundLink>\n          </td>\n          <td>no longer available</td>\n          <td>approx. 45°</td>\n          <td>available</td>\n          <td>digital</td>\n        </tr>\n      </tbody>\n    </table>\n    <p>\n      <small>\n        Remark: All images and description on this page correspond to the WiFi\n        variant.\n      </small>\n    </p>\n    <br />\n    <VideoProductOverview />\n    <br />\n    <p>\n      The IN-6012HD is an all-round solution for indoor surveillance. The camera\n      head is remotely controllable and equipped with infrared diodes to utilize\n      night vision in pitch dark environments. The integrated IR cut filter on\n      the other hand allows for the capturing of native colours, as seen by the\n      human eye. Through the use of an efficient h.264 compression codec it is\n      able of recording video files on a SD memory card with comparably small\n      size but best picture results. Any device (i.e. smartphones) can connect\n      to the cameras web interface and allows you to control the pan & tilt\n      feature. With 350 degrees horizontally and 100 degrees vertically range of\n      movement. Thanks to its compact size and its modern design, you won&apos;t be\n      just limited to use it as a surveillance camera but also for your personal\n      projects. The FTP support allows you to use the IN-6012 HD as a\n      multi-functional webcam for integration on your website.\n    </p>\n    <br />\n    <NightvisionCard />\n    <h3>Hardware</h3>\n    <ul>\n      <li>\n        Wide Dynamic Range (WDR) 720p{\" \"}\n        <Link to=\"/Indoor_Cameras/IN-6012_HD/Technical_Specifications/\">\n          Omnivision CMOS Sensor\n        </Link>\n      </li>\n      <li>Remote controlled Pan & Tilt - 350° pan and 100° tilt</li>\n      <li>\n        2-Way audio via an integrated{\" \"}\n        <Link to=\"/Web_User_Interface/720p_Series/Multimedia/Audio/\">\n          Micorphone & Speaker\n        </Link>\n      </li>\n      <li>\n        Alarm I/O for external sensors (e.g.{\" \"}\n        <Link to=\"/Products/IN-Motion/\">Motion</Link> or smoke detectors) and\n        receivers (e.g. house automations)\n      </li>\n    </ul>\n    <h3>Network</h3>\n    <ul>\n      <li>\n        RJ-45 Ethernet port for an easy integration into your 100Mbit home\n        network\n      </li>\n      <li>\n        Compatible with{\" \"}\n        <Link to=\"/Quick_Installation/Set_Up_A_Wireless_Connection/\">\n          2.4 GHz WiFi\n        </Link>{\" \"}\n        IEEE 802.11 b/g/n up to 54Mbit networks with WEP, WPA and WPA2 security\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/720p_Series/Network/IP_Configuration/\">\n          DHCP\n        </Link>{\" \"}\n        and <Link to=\"/Web_User_Interface/720p_Series/Network/UPnP/\">UPnP</Link>{\" \"}\n        support for an automatic network integration\n      </li>\n      <li>\n        Integrated personal, free{\" \"}\n        <Link to=\"/Internet_Access/The_DDNS_Service/\">\n          DDNS (&quot;Internet&quot;) Address\n        </Link>{\" \"}\n        and{\" \"}\n        <Link to=\"/Web_User_Interface/720p_Series/Network/P2P/\">\n          P2P User ID\n        </Link>{\" \"}\n        to access your camera through the Internet\n      </li>\n    </ul>\n    <h3>Software</h3>\n    <ul>\n      <li>\n        Free <Link to=\"/Software/Android/\">Android</Link>,{\" \"}\n        <Link to=\"/Software/iOS/\">iPhone</Link> and{\" \"}\n        <Link to=\"/Software/Windows/\">Windows Phone</Link> App\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/720p_Series/\">Web user interface</Link>{\" \"}\n        allows an easy configuration and camera control through your default web\n        browser (Chrome, Safari, Firefox, Internet Explorer)\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/7200p_Series/System/User/\">\n          Multi user management\n        </Link>{\" \"}\n        and simultaneous login for 3 users\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/7200p_Series/Alarm/Areas/\">\n          Software-based motion\n        </Link>{\" \"}\n        and{\" \"}\n        <Link to=\"/Web_User_Interface/7200p_Series/Alarm/Actions/\">audio</Link>{\" \"}\n        detection and{\" \"}\n        <Link to=\"/Motion_Detection/Alarm_Notification/\">\n          email notification\n        </Link>{\" \"}\n        with attached snapshots\n      </li>\n      <li>\n        Record videos directly to an{\" \"}\n        <Link to=\"/Motion_Detection/SD_Card_Access/\">Internal SD Card</Link>\n      </li>\n    </ul>\n    <br />\n    <br />\n    <AOVCard />\n    <br />\n    <br />\n    <IN6012RadarGrid />\n    <br />\n    <br />\n    <p>\n      The 1/3 inch WDR sensor is built on a 4.3 micron OmniPixel3-HS™ Pixel\n      enabling 720p HD at unparalleled low-light sensitivity and a dynamic range\n      in colour of 115 dB – compared to the 60 db of a regular VGA IP Camera.\n      WDR allows you to capture high detailed colour videos even in\n      high-contrast environmental lighting conditions.\n    </p>\n    <br />\n    <VideoConfig />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Usermanual\"\n      previousLink=\"/fr/Indoor_Cameras/IN-6012_HD/Usermanual/\"\n      nextTitle=\"Technical Specifications\"\n      nextLink=\"/fr/Indoor_Cameras/IN-6012_HD/Technical_Specifications/\" />\n  </React.Fragment>\n)\n\nexport const query = graphql`\n  query {\n    file(relativePath: { eq: \"Indoor_Cameras/IN-6012_HD/IN-6012_Overview_width1650.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 695) {\n         ...GatsbyImageSharpFluid_withWebp_tracedSVG\n        }\n      }\n    }\n  }\n`;","import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  XAxis,\n  VerticalGridLines,\n  HorizontalGridLines,\n  VerticalBarSeries,\n  DiscreteColorLegend,\n  Crosshair\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'IN-6001 HD', y: 75.3 },\n    { x: 'IN-6012 HD', y: 44.1 },\n    { x: 'IN-6014 HD', y: 75.3 },\n    { x: 'IN-5905 HD', y: 78.1 },\n    { x: 'IN-5907 HD', y: 44.1 },\n    { x: 'IN-7011 HD', y: 56.8 },\n    { x: 'IN-8003 FHD', y: 72.3 },\n    { x: 'IN-8015 FHD', y: 72.3 },\n    { x: 'IN-9008 FHD', y: 72.3 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 64 },\n    { x: 'IN-6012 HD', y: 37.5 },\n    { x: 'IN-6014 HD', y: 64 },\n    { x: 'IN-5905 HD', y: 66.3 },\n    { x: 'IN-5907 HD', y: 37.5 },\n    { x: 'IN-7011 HD', y: 48.2 },\n    { x: 'IN-8003 FHD', y: 61.4 },\n    { x: 'IN-8015 FHD', y: 61.4 },\n    { x: 'IN-9008 FHD', y: 61.4 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 39.7 },\n    { x: 'IN-6012 HD', y: 23.3 },\n    { x: 'IN-6014 HD', y: 39.7 },\n    { x: 'IN-5905 HD', y: 41.2 },\n    { x: 'IN-5907 HD', y: 23.3 },\n    { x: 'IN-7011 HD', y: 29.9 },\n    { x: 'IN-8003 FHD', y: 38.1 },\n    { x: 'IN-8015 FHD', y: 38.1 },\n    { x: 'IN-9008 FHD', y: 38.1 }\n  ]\n];\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={300}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n\n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <XAxis />\n\n            <VerticalBarSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"aov\"\n              color=\"#1274d3\"\n              data={DATA[2]} />\n\n            <VerticalBarSeries\n              cluster=\"aov\"\n              color=\"#efac59\"\n              data={DATA[1]} />\n\n            <VerticalBarSeries\n              cluster=\"aov\"\n              color=\"#dd706e\"\n              data={DATA[0]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] diagonal [°]',\n                color: '#dd706e'\n              },\n              {\n                title: '[1] horizontal [°]',\n                color: '#efac59'\n              },\n              {\n                title: '[2] vertical [°]',\n                color: '#1274d3'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport AOVGraph from \"./aov-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction AOVCard(props) {\n  const { classes } = props;\n  return (\n    <Paper className={classes.container}>\n      <Typography variant=\"h5\">\n        Field of View\n      </Typography>\n      <br />\n      <AOVGraph />\n    </Paper>\n  );\n}\n\nAOVCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(AOVCard))\nexport default withStyles(styles)(AOVCard)\n","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    display: 'flex',\n    alignItems: 'center',\n    padding: 8\n  },\n\n  /* Styles applied to the root element if `disableSpacing={false}`. */\n  spacing: {\n    '& > :not(:first-child)': {\n      marginLeft: 8\n    }\n  }\n};\nvar CardActions = /*#__PURE__*/React.forwardRef(function CardActions(props, ref) {\n  var _props$disableSpacing = props.disableSpacing,\n      disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,\n      classes = props.classes,\n      className = props.className,\n      other = _objectWithoutProperties(props, [\"disableSpacing\", \"classes\", \"className\"]);\n\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: clsx(classes.root, className, !disableSpacing && classes.spacing),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardActions'\n})(CardActions);"],"sourceRoot":""}