{"version":3,"sources":["webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Video.png","webpack:///./src/components/CGI_Commands/1080p-cgis-card-multimedia-node-red.jsx","webpack:///./src/components/CGI_Commands/1080p-cgis-card-multimedia.jsx","webpack:///./src/pages/1080p_Series_CGI_List/Multimedia_Menu/index.jsx","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Overlays.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Image.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Audio.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Privacy.png","webpack:///./src/assets/images/Advanced_User/1080pCGIs_Multimedia_Node-RED_GET.png"],"names":["module","exports","CgiCardMultimediaJSON","state","valueget","JSON","stringify","jsongetdata","copied","render","classes","this","props","Fragment","Typography","variant","to","className","root","Paper","alt","src","NodeREDGETFlow","imgcard","text","onCopy","setState","Button","color","style","marginLeft","gutterBottom","NodeREDInstallPlugin","React","Component","withStyles","flexGrow","marginBottom","theme","paper","padding","spacing","palette","secondary","card","cursor","action","paddingBottom","Grid","container","item","xs","sm","onClick","navigate","role","tabIndex","onKeyDown","CGIsAudio","CGIsVideo","CGIsImage","CGIsOverlays","CGIsPrivacy","seodata","SEOHelmet","title","description","image","location","pathname","id","marginTop","pills","pill","link","previousTitle","previousLink","nextTitle","nextLink"],"mappings":"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","file":"component---src-pages-1080-p-series-cgi-list-multimedia-menu-index-jsx-6effb673b39fedd6de79.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Multimedia_Video-505fd2e6582dbbccb81bdbaea16a0839.png\";","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Button from '@material-ui/core/Button'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport { CopyToClipboard } from 'react-copy-to-clipboard'\nimport jsongetdata from './1080p-cgis-card-multimedia-node-red-get.json'\n\nimport NodeREDGETFlow from \"../../assets/images/Advanced_User/1080pCGIs_Multimedia_Node-RED_GET.png\"\nimport NodeREDInstallPlugin from \"../../assets/images/Advanced_User/NodeRED_install_plugin.png\"\n\nconst styles = ({\n  root: {\n    flexGrow: 1,\n  },\n  imgcard: {\n    marginBottom: '-0.4rem',\n  }\n})\n\nclass CgiCardMultimediaJSON extends React.Component {\n  state = {\n    valueget: JSON.stringify(jsongetdata),\n    copied: false,\n  };\n\n  render() {\n    const { classes } = this.props;\n    return (\n      <React.Fragment>\n        <Typography variant=\"h6\" >\n          Node-RED Flows to Query Camera Parameter{' '}<small> {' '} <Link to=\"/Advanced_User/Node-RED_and_MQTT/\">What is Node-RED?</Link></small>\n      </Typography>\n      <br/>\n        <Typography variant=\"h6\" >\n          GET Flow\n      </Typography>\n        <div className={classes.root}>\n          <Paper>\n            <img alt=\"Node-RED Flow\" src={NodeREDGETFlow} className={classes.imgcard} />\n          </Paper>\n        </div>\n        <br/>\n        <CopyToClipboard text={this.state.valueget}\n          onCopy={() => this.setState({ copied: true })}>\n          <Button variant=\"contained\" color=\"primary\">Copy Flow to Clipboard</Button>\n        </CopyToClipboard>\n        {this.state.copied ? <span style={{ color: 'dodgerblue', marginLeft: 7 }}>Copied</span> : null}\n        <br/><br/>\n        <Typography variant=\"h6\" >\n          How to use Node-RED Flows\n        </Typography>\n        <Typography variant=\"body1\" gutterBottom >\n          Click the button above to import the Node-RED JSON data to your clipboard. Use the Node-RED Import dialogue to import it into your Node-RED flow. You can read our guide on <Link to=\"/Advanced_User/Node-RED_and_MQTT/Introduction/#creating-your-first-flows\">how to import flows into Node-RED</Link>. Please be aware that you will need to install <small>node-red-contrib-string</small> and the <small>node-red-dashboard</small> to use this flow. Open the Node-RED Menu (Hamburger icon in the top right - next to the user login), choose <strong>Manage Palette</strong>, switch to the <strong>Install Tab</strong> and type in the module names to install them.\n        </Typography>\n        <br />\n        <div className={classes.root}>\n          <Paper>\n            <img alt=\"Node-RED Install Plugins\" src={NodeREDInstallPlugin} className={classes.imgcard} />\n          </Paper>\n        </div>\n        <br />\n        <Typography variant=\"body1\" gutterBottom >\n          This flow uses the MQTT protocol to publish and subscribe to messages. This is included to enable you to integrate this flow into a home automation system like <Link to=\"/Advanced_User/OpenHAB_Home_Automation/\">OpenHAB 2</Link>. But this requires you to install a MQTT broker on your system, e.g. <Link to=\"/Advanced_User/OpenHAB_Home_Automation/Mosquitto_Installation_on_Windows/\">Mosquitto</Link>. Alternatively, you can replace the MQTT Nodes in the flow with Link Nodes.\n        </Typography>\n        <br /><br />\n      </React.Fragment>\n    );\n  }\n}\n\n\nCgiCardMultimediaJSON.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardMultimediaJSON)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { navigate } from 'gatsby'\n\nimport { withStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport CGIsAudio from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Audio.png\"\nimport CGIsVideo from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Video.png\"\nimport CGIsImage from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Image.png\"\nimport CGIsOverlays from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Overlays.png\"\nimport CGIsPrivacy from \"../../assets/images/Advanced_User/1080pCGIs-WebUI_Multimedia_Privacy.png\"\n\nimport NodeRedJSON from \"./1080p-cgis-card-multimedia-node-red\"\n\nconst styles = theme => ({\n  root: {\n    flexGrow: 1,\n  },\n  paper: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n  },\n  card: {\n    padding: theme.spacing(2),\n    color: theme.palette.text.secondary,\n    cursor: 'pointer',\n  },\n  action: {\n    paddingBottom: 5,\n  },\n})\n\nfunction CgiCardMultimedia(props) {\n  const { classes } = props;\n\n  return (\n    <React.Fragment>\n      <div className={classes.root}>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Audio/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Audio/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Multimedia CGIs\" src={CGIsAudio} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Audio Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Video/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Video/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Multimedia CGIs\" src={CGIsVideo} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Video Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Image/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Image/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Multimedia CGIs\" src={CGIsImage} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Image Settings\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Overlays/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Overlays/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Multimedia CGIs\" src={CGIsOverlays} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Image Overlays\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n        </Grid>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} className={classes.card}>\n            <div onClick={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Privacy_Mask/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/1080p_Series_CGI_List/Multimedia_Menu/Privacy_Mask/')}>\n              <Paper className={classes.paper}>\n                <img alt=\"Multimedia CGIs\" src={CGIsPrivacy} />\n                <div className={classes.action}>\n                  <br />\n                  <Typography variant=\"h6\" >\n                    Privacy Mask\n                  </Typography>\n                </div>\n              </Paper>\n            </div>\n          </Grid>\n          <Grid item xs={12} sm={6} className={classes.card}>\n          </Grid>\n        </Grid>\n      </div>\n      <br /><br />\n      <NodeRedJSON />\n    </React.Fragment>\n  );\n}\n\nCgiCardMultimedia.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(CgiCardMultimedia)\n","import React from 'react'\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\n\nimport Cards from \"../../../components/CGI_Commands/1080p-cgis-card-multimedia\"\n\nconst seodata = {\n  title: 'Multimedia Menu :: 1080p CGI Commands',\n  description: 'Control your camera´s function directly through its Common Gateway Interface. Use third-party Software to automate regular operations.',\n  image: '/images/Search/AU_SearchThumb_CGICommands_1080p.png'\n}\n\nexport default (props) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      1080p CGI Commands\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Developer\",\n            link: \"/fr/Advanced_User/\"\n          },\n          {\n            pill: \"CGI Commands\",\n            link: \"/fr/Advanced_User/CGI_Commands/\"\n          },\n          {\n            pill: \"1080p Series CGIs\",\n            link: \"/fr/1080p_Series_CGI_List/\"\n          },\n          {\n            pill: \"Multimedia Menu\",\n            link: \"/fr/1080p_Series_CGI_List/Multimedia_Menu/\"\n          },\n        ]\n      } />\n\n    <h2>The Multimedia Menu</h2>\n    <Cards />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"1080p Series CGIs\"\n      previousLink=\"/fr/1080p_Series_CGI_List/\"\n      nextTitle=\"Features Menu\"\n      nextLink=\"/fr/1080p_Series_CGI_List/Features_Menu/\" />\n  </React.Fragment>\n);","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Multimedia_Overlays-0b1154371ae344d0d27a61e1c8e98718.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Multimedia_Image-4f3665d5259eef11e37c29b91aef9839.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Multimedia_Audio-8d016b136c8661b4112390852a79154c.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs-WebUI_Multimedia_Privacy-e96eca717c76cbd0e4c2cff1f728df0b.png\";","module.exports = __webpack_public_path__ + \"static/1080pCGIs_Multimedia_Node-RED_GET-cb71f192134fbd61287c9d4f9be91948.png\";"],"sourceRoot":""}