{"version":3,"file":"component---src-pages-software-i-os-instar-vision-i-pad-recording-index-jsx-7ffb54b4f9b72b86156a.js","mappings":"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","sources":["webpack://instar-wiki/./src/components/Software/iOS/InstarVision/iPad/NavButtons.jsx","webpack://instar-wiki/./src/images/Software/iOS/InstarVision/iPad/IPad_App_NEW_(20).webp","webpack://instar-wiki/./src/images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_01.webp","webpack://instar-wiki/./src/images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_02.webp","webpack://instar-wiki/./src/images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_03.webp","webpack://instar-wiki/./src/images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_04.webp","webpack://instar-wiki/./src/images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_05.webp","webpack://instar-wiki/./src/components/Software/iOS/InstarVision/iPad/instarvision-iOS-recording-floating-gallery.jsx","webpack://instar-wiki/./src/pages/Software/iOS/InstarVision/iPad/Recording/index.jsx"],"sourcesContent":["import React, {Fragment} from 'react'\r\n\r\nimport {\r\n  EuiBreadcrumbs,\r\n  EuiSpacer\r\n} from '@elastic/eui'\r\n\r\n\r\nexport default function ManualBreadcrumbs() {\r\n\r\n  const breadcrumbs = [\r\n    {\r\n      text: 'DDNS',\r\n      href: '/de/Software/iOS/InstarVision/iPad/DDNS/',\r\n    },\r\n    {\r\n      text: 'Multiview',\r\n      href: '/de/Software/iOS/InstarVision/iPad/Multiview/',\r\n    },\r\n    {\r\n      text: 'P2P',\r\n      href: '/de/Software/iOS/InstarVision/iPad/P2P/',\r\n    },\r\n    {\r\n      text: 'Recording',\r\n      href: '/de/Software/iOS/InstarVision/iPad/Recording/',\r\n    },\r\n    {\r\n      text: 'Settings',\r\n      href: '/de/Software/iOS/InstarVision/iPad/Settings/',\r\n    },\r\n    {\r\n      text: '◄ iPad',\r\n      href: '/de/Software/iOS/InstarVision/iPad/',\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <Fragment>\r\n      <EuiBreadcrumbs\r\n        truncate={true}\r\n        breadcrumbs={breadcrumbs}\r\n        max={11}\r\n        aria-label=\"Software Platform for your INSTAR IP Camera\"\r\n      />\r\n      <EuiSpacer />\r\n    </Fragment>\r\n  );\r\n}","export default __webpack_public_path__ + \"static/IPad_App_NEW_(20)-e35816f442dbb652fda7fedd659849c0.webp\";","export default __webpack_public_path__ + \"static/InstarVision_Android_Rec_01-9a077fae90e1108983fb8a6b0da4f479.webp\";","export default __webpack_public_path__ + \"static/InstarVision_Android_Rec_02-a56701a47e17ba22cf372a896507413c.webp\";","export default __webpack_public_path__ + \"static/InstarVision_Android_Rec_03-9dceba72463f1734a4635abfadb3460e.webp\";","export default __webpack_public_path__ + \"static/InstarVision_Android_Rec_04-908ba8df8dc5654e0c837331d971f756.webp\";","export default __webpack_public_path__ + \"static/InstarVision_Android_Rec_05-e0b16c31c3cc15006987f0cf5af4f9fa.webp\";","import React, { useState } from 'react'\r\n\r\nimport {EuiButton} from \"@elastic/eui\"\r\n\r\nimport { AutoRotatingCarousel, Slide } from \"material-auto-rotating-carousel\"\r\n\r\nimport iPad00 from '../../../../../images/Software/iOS/InstarVision/iPad/IPad_App_NEW_(20).webp'\r\nimport iPad01 from '../../../../../images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_01.webp'\r\nimport iPad02 from '../../../../../images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_02.webp'\r\nimport iPad03 from '../../../../../images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_03.webp'\r\nimport iPad04 from '../../../../../images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_04.webp'\r\nimport iPad05 from '../../../../../images/Software/iOS/InstarVision/iPad/InstarVision_Android_Rec_05.webp'\r\n\r\n\r\nconst AutoRotatingCarouselModal = ({ handleOpen, setHandleOpen }) => {\r\n  return (\r\n    <div>\r\n      <AutoRotatingCarousel\r\n        label=\"Return\"\r\n        open={handleOpen.open}\r\n        onClose={() => setHandleOpen({ open: false })}\r\n        onStart={() => setHandleOpen({ open: false })}\r\n        mobile\r\n        autoplay={true}\r\n        style={{ position: \"absolute\" }}\r\n      >\r\n        <Slide\r\n          media={\r\n            <img alt=\"InstarVision Android App\" src={iPad00} />\r\n          }\r\n          mediaBackgroundStyle={{ backgroundColor: '#25282f' }}\r\n          style={{ backgroundColor: '#07d' }}\r\n          title=\"Das Aufnahme Menü\"\r\n          subtitle=\"Rufen Sie das Aufnahme-Menü auf.\"\r\n        />\r\n        <Slide\r\n          media={\r\n            <img alt=\"InstarVision Android App\" src={iPad01} />\r\n          }\r\n          mediaBackgroundStyle={{ backgroundColor: '#25282f' }}\r\n          style={{ backgroundColor: '#07d' }}\r\n          title=\"Wählen Sie den Speicherort\"\r\n          subtitle=\"Wählen Sie die Videoquelle - den SD-Kartenspeicher Ihrer Kamera, den lokalen Speicher auf Ihrem Telefon oder Ihr INSTAR Cloud-Konto.\"\r\n        />\r\n        <Slide\r\n          media={\r\n            <img alt=\"InstarVision Android App\" src={iPad02} />\r\n          }\r\n          mediaBackgroundStyle={{ backgroundColor: '#25282f' }}\r\n          style={{ backgroundColor: '#07d' }}\r\n          title=\"Wählen Sie Ihre Kamera\"\r\n          subtitle=\"Wählen Sie die Kamera aus, von der Sie Aufnahmen überprüfen möchten.\"\r\n        />\r\n        <Slide\r\n          media={\r\n            <img alt=\"InstarVision Android App\" src={iPad03} />\r\n          }\r\n          mediaBackgroundStyle={{ backgroundColor: '#25282f' }}\r\n          style={{ backgroundColor: '#07d' }}\r\n          title=\"Filtern der Aufzeichnungen\"\r\n          subtitle=\"Wählen Sie, ob Sie alle Aufzeichnungen auflisten oder nach Alarm, geplanten oder manuellen Aufzeichnungen filtern möchten.\"\r\n        />\r\n        <Slide\r\n          media={\r\n            <img alt=\"InstarVision Android App\" src={iPad04} />\r\n          }\r\n          mediaBackgroundStyle={{ backgroundColor: '#25282f' }}\r\n          style={{ backgroundColor: '#07d' }}\r\n          title=\"Videos & Snapshots\"\r\n          subtitle=\"Sie können filtern, um nur Videos oder Schnappschüsse anzuzeigen.\"\r\n        />\r\n        <Slide\r\n          media={\r\n            <img alt=\"InstarVision Android App\" src={iPad05} />\r\n          }\r\n          mediaBackgroundStyle={{ backgroundColor: '#25282f' }}\r\n          style={{ backgroundColor: '#07d' }}\r\n          title=\"Abspielen der Videodatei\"\r\n          subtitle=\"Wählen Sie ein Datum und klicken Sie auf eine Videoaufnahme, um sie herunterzuladen und abzuspielen.\"\r\n        />\r\n      </AutoRotatingCarousel>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction RecGallery() {\r\n  const [handleOpen, setHandleOpen] = useState({ open: false });\r\n  const handleClick = () => {\r\n    setHandleOpen({ open: true });\r\n  };\r\n  return (\r\n    <>\r\n      <EuiButton fill onClick={handleClick}>\r\n        Wizard\r\n      </EuiButton>\r\n      <AutoRotatingCarouselModal\r\n        handleOpen={handleOpen}\r\n        setHandleOpen={setHandleOpen}\r\n      />\r\n    </>\r\n  );\r\n}\r\n\r\n\r\nexport default RecGallery","import React from 'react'\r\nimport { EuiCallOut, EuiText } from '@elastic/eui'\r\n\r\nimport FloatingGallery from \"../../../../../../components/Software/iOS/InstarVision/iPad/instarvision-iOS-recording-floating-gallery\"\r\n\r\nimport NavButtons from '../../../../../../components/Software/iOS/InstarVision/iPad/NavButtons'\r\n\r\nimport SEOHelmet from '../../../../../../components/Layout/SEOHelmet'\r\nimport BreadCrumbs from '../../../../../../components/Layout/BreadCrumbs'\r\n\r\n\r\nconst seodata = {\r\n  title: 'iPad App InstarVision',\r\n  description: 'Auf Videos, die auf dem Speicher Ihres Smartphones aufgezeichnet wurden, und auf Videos auf der internen SD-Karte Ihrer Kamera kann über das Aufnahmemenü zugegriffen werden.',\r\n  image: '/images/Search/P_SearchThumb_InstarVision_iOS.png',\r\n  twitter: '/images/Search/P_SearchThumb_InstarVision_iOS.webp',\r\n  locationEN: '/en/Software/iOS/InstarVision/iPad/Recording/',\r\n  locationDE: '/de/Software/iOS/InstarVision/iPad/Recording/',\r\n  locationFR: '/fr/Software/iOS/InstarVision/iPad/Recording/'\r\n}\r\n\r\nfunction InstarVisionDDNS(props) {\r\n  return (\r\n    <React.Fragment>\r\n\r\n      <SEOHelmet\r\n        title={seodata.title}\r\n        description={seodata.description}\r\n        image={seodata.image}\r\n        location={props.location} />\r\n\r\n      <BreadCrumbs\r\n    locationBC={props.location}\r\n          locationEN={seodata.locationEN}\r\n          locationDE={seodata.locationDE}\r\n          locationFR={seodata.locationFR}\r\n          crumbLabel=\"Recording\" />\r\n          \r\n      <NavButtons />\r\n\r\n      <h1 css={{ marginTop: 0 }}>InstarVision Surveillance Center</h1>\r\n      <h2>InstarVision iPad App</h2>\r\n      <br />\r\n      <h3>Video Aufnahmen</h3>\r\n      <p>Überprüfen Sie Ihre Alarm- und manuellen Aufnahmen auf Ihrem Telefon und von der SD-Karte Ihrer Kamera:</p>\r\n      <br />\r\n      <FloatingGallery />\r\n      <br />\r\n      <br />\r\n      <EuiCallOut size=\"m\" color=\"danger\" iconType=\"cloudStormy\" title=\"Beachten Sie bitte:\">\r\n        <EuiText>\r\n          <p>Wenn Sie eine Kamera über P2P hinzufügen, sind Sie nicht in der Lage auf Bilddateien auf der SD Karte zuzugreifen (der Zugriff auf Videos ist möglich).</p>\r\n        </EuiText >\r\n      </EuiCallOut>\r\n    </React.Fragment>\r\n  );\r\n}\r\n\r\nexport default InstarVisionDDNS"],"names":["ManualBreadcrumbs","React","Fragment","EuiBreadcrumbs","truncate","breadcrumbs","text","href","max","EuiSpacer","AutoRotatingCarouselModal","_ref","handleOpen","setHandleOpen","AutoRotatingCarousel","label","open","onClose","onStart","mobile","autoplay","style","position","Slide","media","alt","src","iPad00","mediaBackgroundStyle","backgroundColor","title","subtitle","iPad01","iPad02","iPad03","iPad04","iPad05","useState","EuiButton","fill","onClick","handleClick","seodata","props","SEOHelmet","description","image","location","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","NavButtons","css","marginTop","FloatingGallery","EuiCallOut","size","color","iconType","EuiText"],"sourceRoot":""}