{"version":3,"file":"component---src-pages-software-android-instar-vision-index-jsx-9bf02ca8dc188cbd9d36.js","mappings":"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","sources":["webpack://instar-wiki/./src/components/Software/Android/InstarVision/TocList-Software-InstarVision-Android.jsx","webpack://instar-wiki/./src/components/Software/Android/InstarVision/TocList-Software-InstarVision-Android-QR.jsx","webpack://instar-wiki/./src/components/Software/Android/InstarVision/instarvision_p2p_vs_ddns_video.jsx","webpack://instar-wiki/./src/pages/Software/Android/InstarVision/index.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\r\n/* import { navigate } from 'gatsby' */\r\nimport { StaticImage } from 'gatsby-plugin-image'\r\nimport { Link } from 'gatsby'\r\n\r\nimport {\r\n  EuiSpacer,\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem\r\n} from '@elastic/eui'\r\n\r\nfunction TOCList() {\r\n\r\n  return (\r\n    <Fragment>\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" style={{margin: '0 7px'}} >\r\n          <EuiFlexItem>\r\n            {/* <div onClick={() => navigate('/Software/Android/InstarVision/DDNS/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/DDNS/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/Android/InstarVision/DDNS/\">\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Icons/QL-Box_iOS_InstarVision_DDNS.webp'\r\n                    alt=\"DDNS Remote Access\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n                </Link>\r\n              }\r\n              title=\"DDNS Remote Access\"\r\n              description=\"The DDNS Access gives you full access to all your cameras functions. As well as allowing you to access its web user interface through your browser ...\"\r\n            />\r\n            {/* </div> */}\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            {/* <div onClick={() => navigate('/Software/Android/InstarVision/P2P/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/P2P/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/Android/InstarVision/P2P/\">\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Icons/QL-Box_iOS_InstarVision_P2P.webp'\r\n                    alt=\"P2P Remote Access\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n                </Link>\r\n              }\r\n              title=\"P2P Remote Access\"\r\n              description=\"The P2P Access does not give you full access to all your cameras functions. But you don´t need to forward a port inside your router and P2P also works ...\"\r\n            />\r\n            {/* </div> */}\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n           {/*  <div onClick={() => navigate('/Software/Android/InstarVision/Multiview/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Multiview/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/Android/InstarVision/Multiview/\">\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Icons/QL-Box_iOS_InstarVision_Multiview.webp'\r\n                    alt=\"Camera Multiview\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n                </Link>\r\n              }\r\n              title=\"Camera Multiview\"\r\n              description=\"Behalten Sie alle Ihre Kameras im Multiview-Menü im Blick. Klicken Sie auf eine beliebige Kamera, um auf deren Video-Livestream zuzugreifen und sie über Funktionstasten zu steuern. more...\"\r\n            />\r\n            {/* </div> */}\r\n          </EuiFlexItem>\r\n      </EuiFlexGroup>\r\n    </EuiFlexItem>\r\n\r\n    <EuiSpacer />\r\n    \r\n    <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" style={{margin: '0 7px'}} >\r\n          <EuiFlexItem>\r\n            {/* <div onClick={() => navigate('/Software/Android/InstarVision/Advanced/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Advanced/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/Android/InstarVision/Advanced/\">\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Icons/QL-Box_iOS_InstarVision_Advanced.webp'\r\n                    alt=\"Advanced Control\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n                </Link>\r\n              }\r\n              title=\"Advanced Control\"\r\n              description=\"Additional camera controls - set your username and password, adjust the alarm schedule...\"\r\n            />\r\n            {/* </div> */}\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            {/* <div onClick={() => navigate('/Software/Android/InstarVision/Recording/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Recording/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/Android/InstarVision/Recording/\">\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Icons/QL-Box_iOS_InstarVision_Recording.webp'\r\n                    alt=\"Video Recordings\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n                </Link>\r\n              }\r\n              title=\"Video Recordings\"\r\n              description=\"Videos recorded to your smartphones memory and videos on your cameras internal SD Card can be accessed through the Recording Menu ...\"\r\n            />\r\n            {/* </div> */}\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            {/* <div onClick={() => navigate('/Software/Android/InstarVision/Settings/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Settings/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/Android/InstarVision/Settings/\">\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Icons/QL-Box_iOS_InstarVision_Settings.webp'\r\n                    alt=\"General App Settings\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n                </Link>\r\n              }\r\n              title=\"General App Settings\"\r\n              description=\"Passen Sie die globalen Einstellungen Ihrer App und aller Kameras an, erstellen Sie Backups und greifen Sie auf die In-App-Hilfe mit Erklärungen für alle Funktionstasten zu. more ...\"\r\n            />\r\n            {/* </div> */}\r\n          </EuiFlexItem>\r\n      </EuiFlexGroup>\r\n    </EuiFlexItem>\r\n\r\n    </Fragment>\r\n\r\n  );\r\n}\r\n\r\nexport default TOCList","import React, {Fragment} from 'react'\r\nimport { StaticImage } from 'gatsby-plugin-image'\r\n\r\nimport {\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiButton\r\n} from '@elastic/eui'\r\n\r\nfunction TOCList() {\r\n\r\n  return (\r\n    <Fragment>\r\n      <EuiFlexItem>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" style={{margin: '0 7px'}} >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Qrcode_Android-AppStore.webp'\r\n                    alt=\"Google Play\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n              }\r\n              title=\"Google Play Link\"\r\n              description=\"You can use a QR Reader to install our App. Or just click the image to be directed to the Google Play Store.\"\r\n              footer= {\r\n                <Fragment>\r\n                    <EuiFlexGroup justifyContent=\"spaceBetween\">\r\n                        <EuiFlexItem>\r\n                            <EuiButton href=\"https://play.google.com/store/apps/details?id=de.instar.vision\" target=\"_blank\" fill size=\"s\">\r\n                                Google Play\r\n                            </EuiButton>\r\n                        </EuiFlexItem>\r\n                        <EuiFlexItem>\r\n                            <EuiButton href=\"https://play.google.com/store/search?q=QR%20Code%20Reader&c=apps&hl=de\" target=\"_blank\" fill size=\"s\">\r\n                                QR Reader\r\n                            </EuiButton>\r\n                        </EuiFlexItem>\r\n                    </EuiFlexGroup>\r\n                </Fragment>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                  <StaticImage\r\n                    src='../../../../images/Software/Android/InstarVision/Amazon_app_store.webp'\r\n                    alt=\"Amazon Link\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n              }\r\n              title=\"Amazon Link\"\r\n              description=\"Download Link for our App on Amazon - for our Android / Blackberry App.\"\r\n              footer= {\r\n                <Fragment>\r\n                    <EuiButton href=\"https://wiki.instar.com/Software/Other_Platforms/InstarVision_Blackberry/\" target=\"_blank\" fill size=\"s\">\r\n                        App Store\r\n                    </EuiButton>\r\n                </Fragment>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n      </EuiFlexGroup>\r\n    </EuiFlexItem>\r\n    </Fragment>\r\n  );\r\n}\r\n\r\nexport default TOCList\r\n\r\n\r\n// export default () => {\r\n\r\n//   return (\r\n//     <Grid container spacing={10}>\r\n//       <Grid item xs={12} sm={6}>\r\n//         <Card style={{width: 345}}>\r\n//             <CardMedia\r\n//               style={{height: 335}}\r\n//               image={QR}\r\n//               title=\"Google Play Link\"\r\n//             />\r\n//             <CardContent>\r\n//               <Typography gutterBottom variant=\"h5\" component=\"h2\">\r\n//                 Google Play Link\r\n//               </Typography>\r\n//               <Typography component=\"p\">\r\n//                 You can use a QR Reader to install our App. Or just click the image to be directed to the Google Play Store.\r\n//               </Typography>\r\n//             </CardContent>\r\n//             <CardActions>\r\n//               <Button href=\"https://play.google.com/store/apps/details?id=de.instar.vision\" target=\"_blank\" variant=\"contained\" size=\"small\" style={{color: '#fff', backgroundColor: '#2f78f9'}}>\r\n//                 Google Play\r\n//               </Button>\r\n//               <Button href=\"https://play.google.com/store/search?q=QR%20Code%20Reader&c=apps&hl=de\" target=\"_blank\" variant=\"contained\" size=\"small\" style={{color: '#fff', backgroundColor: '#2f78f9'}}>\r\n//                 QR Reader\r\n//               </Button>\r\n//             </CardActions>\r\n//           </Card>\r\n//         </Grid>\r\n//         <Grid item xs={12} sm={6}>\r\n//         <Card style={{width: 345}}>\r\n//             <CardMedia\r\n//               style={{height: 335}}\r\n//               image={Amazon}\r\n//               title=\"Amazon Link\"\r\n//             />\r\n//             <CardContent>\r\n//               <Typography gutterBottom variant=\"h5\" component=\"h2\">\r\n//                 Amazon Link\r\n//               </Typography>\r\n//               <Typography component=\"p\">\r\n//                 Download Link for our App on Amazon - for our Android / Blackberry App.<br/><br/>\r\n//               </Typography>\r\n//             </CardContent>\r\n//             <CardActions>\r\n//               <Button href=\"https://wiki.instar.com/Software/Other_Platforms/InstarVision_Blackberry/\" target=\"_blank\" variant=\"contained\" size=\"small\" style={{color: '#fff', backgroundColor: '#2f78f9'}}>\r\n//                 App Store\r\n//               </Button>\r\n//             </CardActions>\r\n//           </Card>\r\n//         </Grid>\r\n//       </Grid>\r\n//   )\r\n// }","import React from \"react\"\r\nimport LiteYouTubeEmbed from 'react-lite-youtube-embed'\r\nimport 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css'\r\n\r\nimport {\r\n  EuiCard,\r\n  EuiFlexGroup,\r\n  EuiFlexItem,\r\n  EuiText\r\n} from '@elastic/eui'\r\n\r\n\r\nexport default function softwareVideos() {\r\n\r\n  return (\r\n    <React.Fragment>\r\n        <EuiFlexGroup gutterSize=\"l\" direction=\"row\" style={{margin: '0 7px'}} >\r\n          <EuiFlexItem>\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <LiteYouTubeEmbed \r\n                    id=\"L5Yps1rbIFw\"\r\n                    title=\"SCHNELLERER App Zugriff über InstarVision auf Ihre LAN / WLAN Überwachungskamera\"\r\n                    adNetwork={true}\r\n                    poster=\"maxresdefault\" //hqdefault\r\n                    noCookie={true}\r\n                />\r\n              }\r\n              footer={\r\n                <EuiText>\r\n                  <p>Verbessern Sie den Zugriff auf Ihre IP Überwachungskameras von INSTAR indem Sie die beste Verbindungsart für Ihren Internetanschluss wählen.</p>\r\n                  <p>Es gibt zwei Möglichkeiten über das Internet mit der App zuzugreifen, einmal über DDNS und einmal über P2P. Wir zeigen Ihnen die Unterschiede und geben Tipps wie man den Zugriff noch schneller machen kann.</p>\r\n                </EuiText>\r\n              }\r\n            />\r\n          </EuiFlexItem>\r\n        </EuiFlexGroup>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from 'react'\nimport {Link} from 'gatsby'\n\nimport {\n  EuiSpacer,\n  EuiTitle,\n  EuiText\n} from '@elastic/eui'\n\nimport TocList from 'components/Software/Android/InstarVision/TocList-Software-InstarVision-Android'\nimport QRCode from 'components/Software/Android/InstarVision/TocList-Software-InstarVision-Android-QR'\nimport YoutubeCardP2P from 'components/Software/Android/InstarVision/instarvision_p2p_vs_ddns_video'\n\nimport NavButtons from 'components/Software/Android/NavButtons'\n\nimport SEOHelmet from 'components/Layout/SEOHelmet'\nimport BreadCrumbs from 'components/Layout/BreadCrumbs'\n\n\nconst seodata = {\n  title: 'Android App InstarVision',\n  description: 'The Android app InstarVision for your Android tablet or smart phone. Control your camera when you don´t have access to your computer.',\n  image: '/images/Search/P_SearchThumb_InstarVision_Android.png',\n  twitter: '/images/Search/P_SearchThumb_InstarVision_Android.webp',\n  locationEN: '/en/Software/Android/InstarVision/',\n  locationDE:'/de/Software/Android/InstarVision/',\n  locationFR:'/fr/Software/Android/InstarVision/'\n}\n\nfunction IVAndroid(props) {\n    return (\n    <React.Fragment>\n\n      <SEOHelmet\n        title={seodata.title}\n        description={seodata.description}\n        image={seodata.image}\n        twitter={seodata.twitter}\n        location={props.location} />\n\n      <BreadCrumbs\n    locationBC={props.location}\n          locationEN={seodata.locationEN}\n          locationDE={seodata.locationDE}\n          locationFR={seodata.locationFR}\n          crumbLabel=\"InstarVision Android App\" />\n          \n      <NavButtons />\n  \n      <EuiTitle size=\"l\">\n        <h1>InstarVision Surveillance Center</h1>\n      </EuiTitle>\n      <EuiTitle size=\"m\">\n        <h2>Android Software</h2>\n      </EuiTitle>\n      <EuiText>\n        <p>To access your IP camera with our Android App InstarVision we recommend that you first download the newest version from the <a href=\"https://play.google.com/store/apps/details?id=de.instar.vision&hl=en_US\" target=\"_blank\" rel=\"noopener noreferrer\">Play Store</a>. Use the search word Instar to find our app inside the store.</p>\n      </EuiText>\n      <EuiSpacer size=\"l\" />\n      <EuiTitle size=\"m\">\n        <h3>Overview over App Menus</h3>\n      </EuiTitle>\n      <TocList />\n      <EuiSpacer size=\"xl\" />\n      <YoutubeCardP2P />\n      <EuiSpacer size=\"xl\" />\n      <EuiTitle size=\"m\">\n        <h3>Download</h3>\n      </EuiTitle>\n      <EuiSpacer size=\"l\" />\n      <QRCode />\n      <EuiSpacer size=\"Xl\" />\n      <p><em>List of <Link to=\"/Software/Android/InstarVision/Thirdparty_Cameras/\">compatible thirdparty cameras</Link></em></p>\n    </React.Fragment>\n  )\n}\n\nexport default IVAndroid"],"names":["React","Fragment","EuiFlexItem","EuiFlexGroup","gutterSize","direction","style","margin","EuiCard","textAlign","image","Link","to","StaticImage","src","alt","placeholder","formats","loading","__imageData","require","title","description","EuiSpacer","footer","justifyContent","EuiButton","href","target","fill","size","softwareVideos","LiteYouTubeEmbed","id","adNetwork","poster","noCookie","EuiText","seodata","props","SEOHelmet","twitter","location","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","NavButtons","EuiTitle","rel","TocList","YoutubeCardP2P","QRCode"],"sourceRoot":""}