{"version":3,"file":"component---src-pages-software-windows-instar-vision-metro-recording-index-jsx-bac331d0ca42395133ef.js","mappings":"2LAQe,SAASA,IAiCtB,OACEC,EAAAA,cAACC,EAAAA,SAAQ,KACPD,EAAAA,cAACE,EAAAA,EAAc,CACbC,UAAU,EACVC,YAnCc,CAClB,CACEC,KAAM,WACNC,KAAM,qDAER,CACED,KAAM,OACNC,KAAM,iDAER,CACED,KAAM,YACNC,KAAM,sDAER,CACED,KAAM,MACNC,KAAM,gDAER,CACED,KAAM,YACNC,KAAM,sDAER,CACED,KAAM,WACNC,KAAM,qDAER,CACED,KAAM,uBACNC,KAAM,6CASJC,IAAK,GACL,aAAW,gDAEbP,EAAAA,cAACQ,EAAAA,EAAS,MAGhB,C,oICpDA,EAAe,IAA0B,yECAzC,EAAe,IAA0B,2ECAzC,EAAe,IAA0B,2ECAzC,EAAe,IAA0B,2ECAzC,EAAe,IAA0B,2ECAzC,EAAe,IAA0B,2ECczC,MAAMC,EAA4BC,IAAoC,IAAnC,WAAEC,EAAU,cAAEC,GAAeF,EAC9D,OACEV,EAAAA,cAAA,WACEA,EAAAA,cAACa,EAAAA,GAAoB,CACnBC,MAAM,SACNC,KAAMJ,EAAWI,KACjBC,QAASA,IAAMJ,EAAc,CAAEG,MAAM,IACrCE,QAASA,IAAML,EAAc,CAAEG,MAAM,IACrCG,QAAM,EACNC,UAAU,EACVC,MAAO,CAAEC,SAAU,aAEnBrB,EAAAA,cAACsB,EAAAA,GAAK,CACJC,MACEvB,EAAAA,cAAA,OAAKwB,IAAI,iCAAiCC,IAAKC,IAEjDC,qBAAsB,CAAEC,gBAAiB,WACzCR,MAAO,CAAEQ,gBAAiB,QAC1BC,MAAM,oBACNC,SAAS,4DAEX9B,EAAAA,cAACsB,EAAAA,GAAK,CACJC,MACEvB,EAAAA,cAAA,OAAKwB,IAAI,iCAAiCC,IAAKM,IAEjDJ,qBAAsB,CAAEC,gBAAiB,WACzCR,MAAO,CAAEQ,gBAAiB,QAC1BC,MAAM,2BACNC,SAAS,2HAEX9B,EAAAA,cAACsB,EAAAA,GAAK,CACJC,MACEvB,EAAAA,cAAA,OAAKwB,IAAI,iCAAiCC,IAAKO,IAEjDL,qBAAsB,CAAEC,gBAAiB,WACzCR,MAAO,CAAEQ,gBAAiB,QAC1BC,MAAM,qBACNC,SAAS,0DAEX9B,EAAAA,cAACsB,EAAAA,GAAK,CACJC,MACEvB,EAAAA,cAAA,OAAKwB,IAAI,iCAAiCC,IAAKQ,IAEjDN,qBAAsB,CAAEC,gBAAiB,WACzCR,MAAO,CAAEQ,gBAAiB,QAC1BC,MAAM,yBACNC,SAAS,qFAEX9B,EAAAA,cAACsB,EAAAA,GAAK,CACJC,MACEvB,EAAAA,cAAA,OAAKwB,IAAI,iCAAiCC,IAAKS,IAEjDP,qBAAsB,CAAEC,gBAAiB,WACzCR,MAAO,CAAEQ,gBAAiB,QAC1BC,MAAM,qBACNC,SAAS,yDAEX9B,EAAAA,cAACsB,EAAAA,GAAK,CACJC,MACEvB,EAAAA,cAAA,OAAKwB,IAAI,iCAAiCC,IAAKU,IAEjDR,qBAAsB,CAAEC,gBAAiB,WACzCR,MAAO,CAAEQ,gBAAiB,QAC1BC,MAAM,iBACNC,SAAS,2EAGT,EAuBV,MAnBA,WACE,MAAM,EAACnB,EAAW,EAACC,IAAiBwB,EAAAA,EAAAA,UAAS,CAAErB,MAAM,IAIrD,OACEf,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACqC,EAAAA,GAAS,CAACC,MAAI,EAACC,QALAC,KAClB5B,EAAc,CAAEG,MAAM,GAAO,GAIW,iBAGtCf,EAAAA,cAACS,EAAyB,CACxBE,WAAYA,EACZC,cAAeA,IAIvB,E,oCC1FA,MAAM6B,EACG,mDADHA,EAES,qIAFTA,EAGG,sDAHHA,EAIK,uDAJLA,EAKQ,qDALRA,EAMQ,qDANRA,EAOQ,qDAyCd,MAtCA,SAA0BC,GACxB,OACE1C,EAAAA,cAACA,EAAAA,SAAc,KAEbA,EAAAA,cAAC2C,EAAAA,EAAS,CACRd,MAAOY,EACPG,YAAaH,EACbI,MAAOJ,EACPK,QAASL,EACTM,SAAUL,EAAMK,WAElB/C,EAAAA,cAACgD,EAAAA,EAAW,CACdC,WAAYP,EAAMK,SACZG,WAAYT,EACZU,WAAYV,EACZW,WAAYX,EACZY,WAAW,cAEfrD,EAAAA,cAACsD,EAAAA,EAAU,MAEXtD,EAAAA,cAAA,MAAIuD,IAAK,CAAEC,UAAW,IAAK,oCAC3BxD,EAAAA,cAAA,UAAI,0BACJA,EAAAA,cAAA,WACAA,EAAAA,cAAA,UAAI,mBACJA,EAAAA,cAAA,SAAG,yFACHA,EAAAA,cAAA,WACAA,EAAAA,cAACyD,EAAe,MAChBzD,EAAAA,cAAA,WACAA,EAAAA,cAAA,WACAA,EAAAA,cAAC0D,EAAAA,GAAU,CAACC,KAAK,IAAIC,MAAM,SAASC,SAAS,cAAchC,MAAM,oBAC/D7B,EAAAA,cAAC8D,EAAAA,EAAO,KACN9D,EAAAA,cAAA,SAAG,4IAKb,C","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: '/en/Software/Windows/InstarVision/Metro/Advanced/'\r\n    },\r\n    {\r\n      text: 'DDNS',\r\n      href: '/en/Software/Windows/InstarVision/Metro/DDNS/',\r\n    },\r\n    {\r\n      text: 'Multiview',\r\n      href: '/en/Software/Windows/InstarVision/Metro/Multiview/'\r\n    },\r\n    {\r\n      text: 'P2P',\r\n      href: '/en/Software/Windows/InstarVision/Metro/P2P/'\r\n    },\r\n    {\r\n      text: 'Recording',\r\n      href: '/en/Software/Windows/InstarVision/Metro/Recording/'\r\n    },\r\n    {\r\n      text: 'Settings',\r\n      href: '/en/Software/Windows/InstarVision/Metro/Settings/'\r\n    },\r\n    {\r\n      text: '◄ InstarVision Metro',\r\n      href: '/en/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=\"Camera Recordings\"\r\n          subtitle=\"Press the Recording button to enter the Recording menu.\"\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=\"Select the File Location\"\r\n          subtitle=\"Select the video source - your cameras SD card storage, local storage on your phone or from your INSTAR Cloud Account.\"\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=\"Select your Camera\"\r\n          subtitle=\"Select the camera you want to review recordings from.\"\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=\"Filter your Recordings\"\r\n          subtitle=\"Select to list all recordings or filter for alarm, planned or manual recordings.\"\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=\"SYou can filter to only display videos or snapshots.\"\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=\"Video Playback\"\r\n          subtitle=\"Select a date and click on a video recording to download and play it.\"\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        Image Gallery\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: 'Videos recorded to your smartphones memory and videos on your cameras internal SD Card can be accessed through the Recording Menu.',\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        twitter={seodata.twitter}\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 Recording</h3>\r\n      <p>Review your alarm and manual recordings on your phone and from your camera&apos;s SD card:</p>\r\n      <br />\r\n      <FloatingGallery />\r\n      <br />\r\n      <br />\r\n      <EuiCallOut size=\"m\" color=\"danger\" iconType=\"cloudStormy\" title=\"Please be Aware:\">\r\n        <EuiText>\r\n          <p>When you connect to your INSTAR camera via P2P, you will not be able to access Snapshots on your SD card (accessing Videos will work).</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","Metro00","mediaBackgroundStyle","backgroundColor","title","subtitle","Metro01","Metro02","Metro03","Metro04","Metro05","useState","EuiButton","fill","onClick","handleClick","seodata","props","SEOHelmet","description","image","twitter","location","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","NavButtons","css","marginTop","FloatingGallery","EuiCallOut","size","color","iconType","EuiText"],"sourceRoot":""}