{"version":3,"file":"component---src-pages-software-windows-instar-vision-metro-recording-index-jsx-ab3de90434c7d46fc090.js","mappings":"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","sources":["webpack://instar-wiki/./src/components/Software/Windows/InstarVision/Metro/NavButtons.jsx","webpack://instar-wiki/./src/images/Software/Windows/InstarVision/Metro/InstarVision_Metro_Rec_01.webp","webpack://instar-wiki/./src/images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_01.webp","webpack://instar-wiki/./src/images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_02.webp","webpack://instar-wiki/./src/images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_03.webp","webpack://instar-wiki/./src/images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_04.webp","webpack://instar-wiki/./src/images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_05.webp","webpack://instar-wiki/./src/components/Software/Windows/InstarVision/Metro/instarvision-metro-recording-floating-gallery.jsx","webpack://instar-wiki/./src/pages/Software/Windows/InstarVision/Metro/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: 'Advanced',\r\n      href: '/de/Software/Windows/InstarVision/Metro/Advanced/'\r\n    },\r\n    {\r\n      text: 'DDNS',\r\n      href: '/de/Software/Windows/InstarVision/Metro/DDNS/',\r\n    },\r\n    {\r\n      text: 'Multiview',\r\n      href: '/de/Software/Windows/InstarVision/Metro/Multiview/'\r\n    },\r\n    {\r\n      text: 'P2P',\r\n      href: '/de/Software/Windows/InstarVision/Metro/P2P/'\r\n    },\r\n    {\r\n      text: 'Recording',\r\n      href: '/de/Software/Windows/InstarVision/Metro/Recording/'\r\n    },\r\n    {\r\n      text: 'Settings',\r\n      href: '/de/Software/Windows/InstarVision/Metro/Settings/'\r\n    },\r\n    {\r\n      text: '◄ InstarVision Metro',\r\n      href: '/de/Software/Windows/InstarVision/Metro/',\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/InstarVision_Metro_Rec_01-88ebfd67c8e782e266610dcc32b6c8b6.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 Metro00 from '../../../../../images/Software/Windows/InstarVision/Metro/InstarVision_Metro_Rec_01.webp'\r\nimport Metro01 from '../../../../../images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_01.webp'\r\nimport Metro02 from '../../../../../images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_02.webp'\r\nimport Metro03 from '../../../../../images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_03.webp'\r\nimport Metro04 from '../../../../../images/Software/Windows/InstarVision/Metro/InstarVision_Android_Rec_04.webp'\r\nimport Metro05 from '../../../../../images/Software/Windows/InstarVision/Metro/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 Windows Metro App\" src={Metro00} />\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 Windows Metro App\" src={Metro01} />\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 Windows Metro App\" src={Metro02} />\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 Windows Metro App\" src={Metro03} />\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 Windows Metro App\" src={Metro04} />\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 Windows Metro App\" src={Metro05} />\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/Windows/InstarVision/Metro/instarvision-metro-recording-floating-gallery\"\r\n\r\nimport NavButtons from '../../../../../../components/Software/Windows/InstarVision/Metro/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: 'Recording Menu :: InstarVision for Windows Metro',\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_Metro.png',\r\n  twitter: '/images/Search/P_SearchThumb_InstarVision_Metro.webp',\r\n  locationEN: '/en/Software/Windows/InstarVision/Metro/Recording/',\r\n  locationDE: '/de/Software/Windows/InstarVision/Metro/Recording/',\r\n  locationFR: '/fr/Software/Windows/InstarVision/Metro/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>Windows Metro Software</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","Fragment","truncate","breadcrumbs","text","href","max","AutoRotatingCarouselModal","handleOpen","setHandleOpen","label","open","onClose","onStart","mobile","autoplay","style","position","media","alt","src","Metro00","mediaBackgroundStyle","backgroundColor","title","subtitle","Metro01","Metro02","Metro03","Metro04","Metro05","useState","fill","onClick","seodata","props","SEOHelmet","description","image","location","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","NavButtons","css","marginTop","size","color","iconType"],"sourceRoot":""}