{"version":3,"file":"component---src-pages-software-i-os-instar-vision-i-phone-index-jsx-9764891a0517329743c6.js","mappings":"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","sources":["webpack://instar-wiki/./src/components/Software/iOS/InstarVision/iPhone/TocList-Software-InstarVision-iOS.jsx","webpack://instar-wiki/./src/components/Software/iOS/InstarVision/iPhone/TocList-Software-InstarVision-iOS-QR.jsx","webpack://instar-wiki/./src/pages/Software/iOS/InstarVision/iPhone/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/iOS/InstarVision/iPhone/DDNS/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/iOS/InstarVision/iPhone/DDNS/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/iOS/InstarVision/iPhone/DDNS/\">\r\n                  <StaticImage\r\n                    src='../../../../../images/Software/iOS/InstarVision/iPhone/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/iOS/InstarVision/iPhone/P2P/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/iOS/InstarVision/iPhone/P2P/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/iOS/InstarVision/iPhone/P2P/\">\r\n                  <StaticImage\r\n                    src='../../../../../images/Software/iOS/InstarVision/iPhone/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/iOS/InstarVision/iPhone/Multiview/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/iOS/InstarVision/iPhone/Multiview/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/iOS/InstarVision/iPhone/Multiview/\">\r\n                  <StaticImage\r\n                    src='../../../../../images/Software/iOS/InstarVision/iPhone/Icons/QL-Box_iOS_InstarVision_Multiview.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=\"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/iOS/InstarVision/iPhone/Recording/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/iOS/InstarVision/iPhone/Recording/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/iOS/InstarVision/iPhone/Recording/\">\r\n                  <StaticImage\r\n                    src='../../../../../images/Software/iOS/InstarVision/iPhone/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/iOS/InstarVision/iPhone/Settings/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/iOS/InstarVision/iPhone/Settings/')}> */}\r\n            <EuiCard\r\n              textAlign=\"left\"\r\n              image={\r\n                <Link to=\"/Software/iOS/InstarVision/iPhone/Settings/\">\r\n                  <StaticImage\r\n                    src='../../../../../images/Software/iOS/InstarVision/iPhone/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          <EuiFlexItem>\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/iOS/InstarVision/iPhone/Qrcode_iOS-AppStore_iPad.webp'\r\n                    alt=\"InstarVision for iPhone INSTAR IP Camera\"\r\n                    placeholder=\"dominantColor\"\r\n                    formats={[\"auto\", \"webp\", \"avif\"]}\r\n                    loading=\"lazy\"\r\n                    />\r\n              }\r\n              title=\"Apple Store Link\"\r\n              description=\"You can use a QR Reader to install our App. Or just click the image to be directed to the Apple Store.\"\r\n              footer= {\r\n                <Fragment>\r\n                    <EuiFlexGroup justifyContent=\"spaceBetween\">\r\n                        <EuiFlexItem>\r\n                            <EuiButton href=\"https://apps.apple.com/us/app/instarvision/id413109553\" target=\"_blank\" fill size=\"s\">\r\n                              App Store\r\n                            </EuiButton>\r\n                        </EuiFlexItem>\r\n                        <EuiFlexItem>\r\n                            <EuiButton href=\"https://itunes.apple.com/us/app/qr-code-reader-by-scan/id698925807?mt=8\" 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          </EuiFlexItem>\r\n      </EuiFlexGroup>\r\n    </EuiFlexItem>\r\n    </Fragment>\r\n  );\r\n}\r\n\r\nexport default TOCList","import React from 'react'\nimport {Link} from 'gatsby'\nimport { OutboundLink } from 'gatsby-plugin-gtag'\n\nimport {\n  EuiSpacer,\n  EuiTitle,\n  EuiText\n} from '@elastic/eui'\n\nimport TocList from '../../../../../components/Software/iOS/InstarVision/iPhone/TocList-Software-InstarVision-iOS'\nimport QRCode from '../../../../../components/Software/iOS/InstarVision/iPhone/TocList-Software-InstarVision-iOS-QR'\n\nimport NavButtons from '../../../../../components/Software/iOS/NavButtons'\n\nimport SEOHelmet from '../../../../../components/Layout/SEOHelmet'\nimport BreadCrumbs from '../../../../../components/Layout/BreadCrumbs'\n\n\nconst seodata = {\n  title: 'iPhone App InstarVision',\n  description: 'Use our InstarVision iOS app to manage your camera from your iPhone or iPad. Or use one of many supported third-party applications.',\n  image: '/images/Search/P_SearchThumb_InstarVision_iOS.png',\n  twitter: '/images/Search/P_SearchThumb_InstarVision_iOS.webp',\n  locationEN: '/en/Software/iOS/InstarVision/iPhone/',\n  locationDE: '/de/Software/iOS/InstarVision/iPhone/',\n  locationFR: '/fr/Software/iOS/InstarVision/iPhone/'\n}\n\n\nfunction IVAndroid(props) {\n    return (\n                \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 iPhone App\" />\n          \n      <NavButtons />\n\n      <EuiTitle size=\"l\">\n        <h1>InstarVision Surveillance Center</h1>\n      </EuiTitle>\n      <EuiTitle size=\"m\">\n        <h2>iPhone App</h2>\n      </EuiTitle>\n      <EuiText>\n        <p>To access your IP camera with our iOS iPhone App InstarVision we recommend that you first download the newest version from the <OutboundLink href=\"https://apps.apple.com/us/app/instarvision/id413109553\" target=\"_blank\" rel=\"noopener noreferrer\">Apple Store</OutboundLink>. 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      <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","seodata","props","SEOHelmet","twitter","location","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","NavButtons","EuiTitle","EuiText","OutboundLink","rel","TocList","QRCode"],"sourceRoot":""}