{"version":3,"file":"component---src-pages-erweitert-node-red-dashboard-live-video-index-mdx-63dc4a6b3234c9a4da7f.js","mappings":"uUAWaA,EAAe,CAC1B,MAAS,oDACT,KAAQ,4CACR,YAAe,aACf,OAAU,kBACV,QAAW,mhBACX,MAAS,gCACT,OAAU,8CACV,IAAO,kEACP,QAAW,gBACX,SAAY,YACZ,KAAQ,YAEJC,EAAc,CAClBD,gBAEIE,EAAY,UACH,SAASC,EAAUC,GAG9B,IAH+B,WACjCC,GAEDD,EADIE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GAER,OAAOC,EAAAA,EAAAA,IAACP,EAASQ,OAAAC,OAAA,GAAKV,EAAiBK,EAAK,CAAED,WAAYA,EAAYO,QAAQ,eAK5EH,EAAAA,EAAAA,IAACI,EAAAA,EAAS,CAACC,MAAM,kEAAkEC,YAAY,aAAaC,OAAO,kBAAkBC,IAAI,mBAAmBC,YAAY,0NAA0NC,MAAM,6CAA6CC,QAAQ,8CAA8CC,SAAUf,EAAMe,SAASC,SAAUV,QAAQ,eACthBH,EAAAA,EAAAA,IAACc,EAAAA,EAAW,CAACC,WAAYlB,EAAMe,SAAUI,WAAYnB,EAAMe,SAASC,SAAUI,WAAW,mDAAmDC,WAAW,mDAAmDC,WAAW,WAAWhB,QAAQ,iBAExOH,EAAAA,EAAAA,IAACoB,EAAAA,EAAU,CAACjB,QAAQ,gBACpBH,EAAAA,EAAAA,IAACqB,EAAAA,EAAc,CAAClB,QAAQ,oBACxBH,EAAAA,EAAAA,IAACsB,EAAAA,EAAS,CAACnB,QAAQ,eACnBH,EAAAA,EAAAA,IAAA,MACE,GAAM,oDACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,0DACR,aAAc,8DACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,sDAC1BvB,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,2CAAyC,2CAEnDvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OACbvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,gBAAc,mBAI9BvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,0CAAwC,0CAElDvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OACbvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,kBAAgB,oBAKlCvB,EAAAA,EAAAA,IAACsB,EAAAA,EAAS,CAACnB,QAAQ,eACnBH,EAAAA,EAAAA,IAACwB,EAAAA,EAAQ,CAACrB,QAAQ,cAClBH,EAAAA,EAAAA,IAACsB,EAAAA,EAAS,CAACnB,QAAQ,eACnBH,EAAAA,EAAAA,IAAA,wHAAkHA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,IAC5H,KAAQ,qDAAmD,sBAChC,oHAC/BvB,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,uDAAqD,0BAEjEvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,yDAAuD,4BAEnEvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,4EAA0E,gDAGxFvB,EAAAA,EAAAA,IAAA,MACE,GAAM,yCACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,0CACR,aAAc,mDACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,2CAC1BvB,EAAAA,EAAAA,IAAA,6VAAuVA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,IACjW,KAAQ,uDAAqD,wBAChC,wEACjCvB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IAChB,UAAa,4BACb,MAAS,CACP,SAAY,WACZ,QAAW,QACX,WAAc,OACd,YAAe,OACf,SAAY,UACb,YAEDvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,OACZ,UAAa,yBACb,KAAQ,6FACR,MAAS,CACP,QAAW,SAEb,OAAU,SACV,IAAO,YAAU,UAErBvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IACX,UAAa,qCACb,MAAS,CACP,cAAiB,sBACjB,SAAY,WACZ,OAAU,IACV,KAAQ,IACR,gBAAmB,4SACnB,eAAkB,QAClB,QAAW,WAEL,QAChBvB,EAAAA,EAAAA,IAAA,WAASuB,WAAW,KAAG,gBACfvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UACjB,OAAU,CAAC,mGAAoG,mGAAoG,oGACnN,MAAS,kCACT,KAAQ,gBACEvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UAC7B,OAAU,CAAC,mGAAoG,mGAAoG,oGACnN,MAAS,kCACT,KAAQ,eACE,gBACZvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UACjB,OAAU,CAAC,kGAAmG,kGAAmG,mGACjN,MAAS,kCACT,KAAQ,cACE,gBACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,UACd,UAAa,0BACb,IAAO,6FACP,IAAO,qDACP,MAAS,qDACT,QAAW,OACX,SAAY,QACZ,MAAS,CACP,MAAS,OACT,OAAU,OACV,OAAU,IACV,cAAiB,SACjB,SAAY,WACZ,IAAO,IACP,KAAQ,OAEH,cACD,QACZ,YAEJvB,EAAAA,EAAAA,IAAA,+EACAA,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OACbvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,MAAI,gEACxBvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,KAAG,uBAEdvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OACbvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,MAAI,gEACxBvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,KAAG,sBAEdvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OACbvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,MAAI,iEACxBvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,KAAG,uBAGhBvB,EAAAA,EAAAA,IAAA,0IAAoIA,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IACjJ,UAAa,iBAAe,6DACyC,MACzEvB,EAAAA,EAAAA,IAAA,MACE,GAAM,cACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,eACR,aAAc,wBACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,gBAC1BvB,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,yEAAuE,yBAGrFvB,EAAAA,EAAAA,IAAA,MACE,GAAM,0CACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,2CACR,aAAc,oDACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,4CAC1BvB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,KAAG,uBAAwBvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,SACzD,KAAQ,qCAAmC,0CACI,OACrDvB,EAAAA,EAAAA,IAAA,+BAAyBA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,IACnC,KAAQ,qCAAmC,uBACf,kGAAkGvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,IAC5I,KAAQ,sDAAoD,yBAC9B,0PAClCvB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IAChB,UAAa,4BACb,MAAS,CACP,SAAY,WACZ,QAAW,QACX,WAAc,OACd,YAAe,OACf,SAAY,UACb,YAEDvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,OACZ,UAAa,yBACb,KAAQ,6FACR,MAAS,CACP,QAAW,SAEb,OAAU,SACV,IAAO,YAAU,UAErBvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IACX,UAAa,qCACb,MAAS,CACP,cAAiB,qBACjB,SAAY,WACZ,OAAU,IACV,KAAQ,IACR,gBAAmB,glBACnB,eAAkB,QAClB,QAAW,WAEL,QAChBvB,EAAAA,EAAAA,IAAA,WAASuB,WAAW,KAAG,gBACfvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UACjB,OAAU,CAAC,mGAAoG,mGAAoG,oGACnN,MAAS,kCACT,KAAQ,gBACEvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UAC7B,OAAU,CAAC,mGAAoG,mGAAoG,oGACnN,MAAS,kCACT,KAAQ,eACE,gBACZvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UACjB,OAAU,CAAC,kGAAmG,kGAAmG,mGACjN,MAAS,kCACT,KAAQ,cACE,gBACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,UACd,UAAa,0BACb,IAAO,6FACP,IAAO,qDACP,MAAS,qDACT,QAAW,OACX,SAAY,QACZ,MAAS,CACP,MAAS,OACT,OAAU,OACV,OAAU,IACV,cAAiB,SACjB,SAAY,WACZ,IAAO,IACP,KAAQ,OAEH,cACD,QACZ,YAEJvB,EAAAA,EAAAA,IAAA,MACE,GAAM,gBACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,iBACR,aAAc,0BACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,gBAC1BvB,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,yEAAuE,yBAMrFvB,EAAAA,EAAAA,IAAA,MACE,GAAM,wCACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,yCACR,aAAc,kDACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,0CAC1BvB,EAAAA,EAAAA,IAAA,oDAA8CA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,IACxD,KAAQ,uDAAqD,wBAChC,uBAAuBvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,IAClE,KAAQ,4EAA0E,6CAChC,mFACtDvB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IAChB,UAAa,4BACb,MAAS,CACP,SAAY,WACZ,QAAW,QACX,WAAc,OACd,YAAe,OACf,SAAY,UACb,YAEDvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,OACZ,UAAa,yBACb,KAAQ,6FACR,MAAS,CACP,QAAW,SAEb,OAAU,SACV,IAAO,YAAU,UAErBvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IACX,UAAa,qCACb,MAAS,CACP,cAAiB,qBACjB,SAAY,WACZ,OAAU,IACV,KAAQ,IACR,gBAAmB,wYACnB,eAAkB,QAClB,QAAW,WAEL,QAChBvB,EAAAA,EAAAA,IAAA,WAASuB,WAAW,KAAG,gBACfvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UACjB,OAAU,CAAC,mGAAoG,mGAAoG,mGAAoG,qGACvT,MAAS,kCACT,KAAQ,gBACEvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UAC7B,OAAU,CAAC,mGAAoG,mGAAoG,mGAAoG,qGACvT,MAAS,kCACT,KAAQ,eACE,gBACZvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,UACjB,OAAU,CAAC,kGAAmG,kGAAmG,kGAAmG,oGACpT,MAAS,kCACT,KAAQ,cACE,gBACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,UACd,UAAa,0BACb,IAAO,6FACP,IAAO,qDACP,MAAS,qDACT,QAAW,OACX,SAAY,QACZ,MAAS,CACP,MAAS,OACT,OAAU,OACV,OAAU,IACV,cAAiB,SACjB,SAAY,WACZ,IAAO,IACP,KAAQ,OAEH,cACD,QACZ,YAEJvB,EAAAA,EAAAA,IAAA,2EACAA,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,MAAI,2EACvBvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,MAAI,qBACfvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,MAAI,2EACvBvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,MAAI,qBACfvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,MAAI,2EACvBvB,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,MAAI,sBAEjBvB,EAAAA,EAAAA,IAAA,iGAA2FA,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,IACxG,UAAa,iBAAe,gDAC4B,iCAAiCvB,EAAAA,EAAAA,IAAA,UAAQuB,WAAW,KAAG,eAAyB,uDAC5IvB,EAAAA,EAAAA,IAAA,MACE,GAAM,gBACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KACb,KAAQ,iBACR,aAAc,0BACd,UAAa,4BACZvB,EAAAA,EAAAA,IAAA,OAAKuB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRvB,EAAAA,EAAAA,IAAA,QAAMuB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,gBAC1BvB,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIuB,WAAW,OAAKvB,EAAAA,EAAAA,IAAA,KAAGuB,WAAW,KAC9B,KAAQ,yEAAuE,wBAQzF,CAEA7B,EAAW+B,gBAAiB,C","sources":["webpack://instar-wiki/./src/pages/Erweitert/Node-RED_Dashboard_Live_Video/index.mdx"],"sourcesContent":["import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport { EuiSpacer } from '@elastic/eui';\nimport PrimaryBoxInfo from 'components/Advanced_User/All_Node-RED_Tutorials/PrimaryBox';\nimport NavButtons from 'components/Advanced_User/NavButtons';\nimport BreadCrumbs from 'components/Layout/BreadCrumbs';\nimport SEOHelmet from 'components/Layout/SEOHelmet';\nimport TimeLine from 'components/Products/CommentList/MqttIFTTTList';\nexport const _frontmatter = {\n \"title\": \"Hinzufügen des Live-Videos zum Node-RED Dashboard\",\n \"path\": \"/Erweitert/Node-RED_Dashboard_Live_Video/\",\n \"dateChanged\": \"2019-10-01\",\n \"author\": \"Mike Polinowski\",\n \"excerpt\": \"Node-RED ist ein Programmiertool zur Verdrahtung von Hardwaregeräten wie Ihrer INSTAR IP-Kamera und APIs sowie Online-Diensten. Es stellt einen Browser-basierten Editor zur Verfügung, der das Zusammenfließen von Datenströmen mithilfe der zahlreichen Knoten ermöglicht, die eine Verbindung zwischen den Kameras REST API und anderen IoT-Geräten ermöglichen. Kompatibel mit den Kameramodellen IN-6001 HD, IN-6012 HD, IN-6014 HD, IN-5905 HD, IN-5907 HD, IN-7011 HD, IN-8003 Full HD, IN-8015 Full HD, IN-9008 Full HD, IN-9020 Full HD\",\n \"image\": \"./AU_SearchThumb_Node-RED.png\",\n \"social\": \"/images/Search/AU_SearchThumb_Node-RED.webp\",\n \"toc\": \"/images/Search/TOC_Icons/Wiki_Tiles_Advanced_NodeRED_white.webp\",\n \"chapter\": \"Advanced User\",\n \"category\": \"smarthome\",\n \"type\": \"Node-RED\"\n};\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n components,\n ...props\n}) {\n return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n\n\n <SEOHelmet title='Hinzufügen des Live-Videos zum Node-RED Dashboard – INSTAR Wiki' dateChanged='2019-10-01' author='Mike Polinowski' tag='INSTAR IP Camera' description='Verschiedene Möglichkeiten, um das Livebild Ihre INSTAR IP Kameras ins Node-RED Dashboard einzufügen, einschließlich der Verwendung des Snapshots der Kameras, der Kameras ONVIF Dienstes und der Kameras MJPEG Stream.' image='/images/Search/AU_SearchThumb_Node-RED.png' twitter='/images/Search/AU_SearchThumb_Node-RED.webp' location={props.location.pathname} mdxType=\"SEOHelmet\" />\n <BreadCrumbs locationBC={props.location} locationDE={props.location.pathname} locationEN='/en/Advanced_User/Node-RED_Dashboard_Live_Video/' locationFR='/fr/Advanced_User/Node-RED_Dashboard_Live_Video/' crumbLabel=\"Node-RED\" mdxType=\"BreadCrumbs\" />\n \n <NavButtons mdxType=\"NavButtons\" />\n <PrimaryBoxInfo mdxType=\"PrimaryBoxInfo\" />\n <EuiSpacer mdxType=\"EuiSpacer\" />\n <h1 {...{\n \"id\": \"hinzufügen-des-live-videos-zum-node-red-dashboard\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h1\" {...{\n \"href\": \"#hinzuf%C3%BCgen-des-live-videos-zum-node-red-dashboard\",\n \"aria-label\": \"hinzufügen des live videos zum node red dashboard permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Hinzufügen des Live-Videos zum Node-RED Dashboard`}</h1>\n <ul>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"#verwendung-des-snapshots-ihrer-kameras\"\n }}>{`Verwendung des Snapshots Ihrer Kameras`}</a>\n <ul parentName=\"li\">\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"#flow-export\"\n }}>{`Flow Export`}</a></li>\n </ul>\n </li>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"#verwendung-ihrer-kameras-mjpeg-stream\"\n }}>{`Verwendung Ihrer Kameras MJPEG Stream`}</a>\n <ul parentName=\"li\">\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"#flow-export-1\"\n }}>{`Flow Export`}</a></li>\n </ul>\n </li>\n </ul>\n <EuiSpacer mdxType=\"EuiSpacer\" />\n <TimeLine mdxType=\"TimeLine\" />\n <EuiSpacer mdxType=\"EuiSpacer\" />\n <p>{`In diesem Tutorial werden verschiedene Möglichkeiten erläutert, um das Livebild Ihrer INSTAR-Kamera in das `}<a parentName=\"p\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-dashboard\"\n }}>{`Node-RED Dashboard`}</a>{` einzufügen. Möglicherweise müssen Sie die entsprechenden Nodes installieren, um die folgenden Flows zu nutzen:`}</p>\n <ul>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-node-base64\"\n }}>{`node-red-node-base64`}</a></li>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-contrib-onvif\"\n }}>{`node-red-contrib-onvif`}</a></li>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-contrib-multipart-stream-encoder\"\n }}>{`node-red-contrib-multipart-stream-encoder`}</a></li>\n </ul>\n <h2 {...{\n \"id\": \"verwendung-des-snapshots-ihrer-kameras\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h2\" {...{\n \"href\": \"#verwendung-des-snapshots-ihrer-kameras\",\n \"aria-label\": \"verwendung des snapshots ihrer kameras permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Verwendung des Snapshots Ihrer Kameras`}</h2>\n <p>{`Der einfachste Weg, das Live-Video Ihrer Kamera hinzuzufügen, besteht darin, einen Live-Schnappschuss in einem einstellbaren Intervall anzufordern und ihn mit einem Bild-Tag als Stream auf dem Node-RED Dashboard anzuzeigen. Dazu müssen wir einen HTTP-Request-Knoten verwenden, um das Bild von unserer Kamera zu erhalten und es dann mit `}<a parentName=\"p\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-node-base64\"\n }}>{`node-red-node-base64`}</a>{` zu konvertieren, um es in einen HTML-Template-Knoten einzuspeisen.`}</p>\n <p><span parentName=\"p\" {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"800px\"\n }\n }}>{`\n `}<a parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/5a190/Node-RED_INSTAR_Camera_Live_Video_01.png\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }}>{`\n `}<span parentName=\"a\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"11.739130434782608%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAIAAADXZGvcAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAe0lEQVQI1yXLwQqCQBAAUH9egs7Rn0SRHsVN6CbVpcI0iQ65RdPsOrOzE9S7vySIHM59Xu0yUxd187jvb82yPy2ubWm7bWum3WZyORaz0qTZKs3Xc2M4BP1JVJWY3UhuJKIQgxd6C0FkjIzirfhBGF8ITwSLAO6jGv/5C7KJa/zPp20IAAAAAElFTkSuQmCC')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<picture parentName=\"a\">{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/e4706/Node-RED_INSTAR_Camera_Live_Video_01.avif 230w\", \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/d1af7/Node-RED_INSTAR_Camera_Live_Video_01.avif 460w\", \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/c9875/Node-RED_INSTAR_Camera_Live_Video_01.avif 800w\"],\n \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n \"type\": \"image/avif\"\n }}></source><source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/a0b58/Node-RED_INSTAR_Camera_Live_Video_01.webp 230w\", \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/bc10c/Node-RED_INSTAR_Camera_Live_Video_01.webp 460w\", \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/d00b9/Node-RED_INSTAR_Camera_Live_Video_01.webp 800w\"],\n \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n \"type\": \"image/webp\"\n }}></source>{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/81c8e/Node-RED_INSTAR_Camera_Live_Video_01.png 230w\", \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/08a84/Node-RED_INSTAR_Camera_Live_Video_01.png 460w\", \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/5a190/Node-RED_INSTAR_Camera_Live_Video_01.png 800w\"],\n \"sizes\": \"(max-width: 800px) 100vw, 800px\",\n \"type\": \"image/png\"\n }}></source>{`\n `}<img parentName=\"picture\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"src\": \"/de/static/150e84d4d67ae037e3f49825b0bc3ef4/5a190/Node-RED_INSTAR_Camera_Live_Video_01.png\",\n \"alt\": \"Node-RED Dashboard and INSTAR IP Camera Live Video\",\n \"title\": \"Node-RED Dashboard and INSTAR IP Camera Live Video\",\n \"loading\": \"lazy\",\n \"decoding\": \"async\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n }\n }}></img>{`\n `}</picture>{`\n `}</a>{`\n `}</span></p>\n <p>{`Der Snapshot-Pfad für Ihre INSTAR HD- oder Full HD-Kamera lautet:`}</p>\n <ul>\n <li parentName=\"ul\">\n <p parentName=\"li\">{`http://IP-Address:Port/tmpfs/snap.jpg?usr=admin&pwd=instar\n`}<em parentName=\"p\">{`Snapshot (1080p)`}</em></p>\n </li>\n <li parentName=\"ul\">\n <p parentName=\"li\">{`http://IP-Address:Port/tmpfs/auto.jpg?usr=admin&pwd=instar\n`}<em parentName=\"p\">{`Snapshot (320p)`}</em></p>\n </li>\n <li parentName=\"ul\">\n <p parentName=\"li\">{`http://IP-Address:Port/tmpfs/auto2.jpg?usr=admin&pwd=instar\n`}<em parentName=\"p\">{`Snapshot (160p)`}</em></p>\n </li>\n </ul>\n <p>{`Sie können den untenstehenden Flow importieren und die IP-Adresse und das Login an die Ihrer persönlichen Kamera anpassen. - `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`http://192.168.178.21/tmpfs/snap.jpg?usr=admin&pwd=instar`}</code>{`.`}</p>\n <h3 {...{\n \"id\": \"flow-export\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h3\" {...{\n \"href\": \"#flow-export\",\n \"aria-label\": \"flow export permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Flow Export`}</h3>\n <ul>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"/de/Node-RED_Flows/nodered_flow_node-red_dashboard_live_video_01.json\"\n }}>{`Download JSON Flow`}</a></li>\n </ul>\n <h2 {...{\n \"id\": \"verwendung-ihrer-kameras-onvif-dienstes\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h2\" {...{\n \"href\": \"#verwendung-ihrer-kameras-onvif-dienstes\",\n \"aria-label\": \"verwendung ihrer kameras onvif dienstes permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Verwendung Ihrer Kameras ONVIF Dienstes`}</h2>\n <p><strong parentName=\"p\">{`Beachte Sie bitte, `}<a parentName=\"strong\" {...{\n \"href\": \"/de/Erweitert/Node-RED_und_ONVIF/\"\n }}>{`dieses Update zum ONVIF Snapshot Nodes`}</a>{`!`}</strong></p>\n <p>{`Verwenden Sie den `}<a parentName=\"p\" {...{\n \"href\": \"#using-your-cameras-onvif-service\"\n }}>{`ONVIF-Snapshot Node`}</a>{`, um eine Verbindung zum ONVIF-Dienst Ihrer Kamera herzustellen. Stellen Sie sicher, dass der `}<a parentName=\"p\" {...{\n \"href\": \"/de/Web_User_Interface/1080p_Serie/Netzwerk/ONVIF/\"\n }}>{`Service aktiviert ist`}</a>{`, die Authentifizierung eingestellt ist und notieren Sie sich den ONVIF-Port, den Ihre Kamera verwendet. Verwenden Sie die IP-Adresse und ONVIF Port Ihrer Kamera und die Anmeldung Ihres Kameraadministrators, um den ONVIF-Knoten zu konfigurieren.`}</p>\n <p><span parentName=\"p\" {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"883px\"\n }\n }}>{`\n `}<a parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/de/static/66e9804f15559404cd310c67dbe56cfd/fe9f1/Node-RED_INSTAR_Camera_Live_Video_02.png\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }}>{`\n `}<span parentName=\"a\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"44.78260869565218%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABVklEQVQoz3WRTU/CQBRF+8/d+QdcudPENWGhQT4CDRRKhL5pqTYuEJiEpIkmAqXT+Z7RFmIkhJNZvM3N3Hee4/v+uMKvOAye5yVJkqbper1O03S3y/6z3++/5h+fybuDzgjDcDqdLhaLLMs22y0hJK8gFUWeF0LMbm6nV9cOAAoAASBACAACgAChl8lktVoVRfG92SilrLVaa2OM0dpaKzjPCkKldOIofI3COAqjMIyj6G02S+I4AsAYSym1MUpKQoiU0lprjFFKGWNs+azT6PVrbffJ9ZoD/7Hfv39uPrTad43WfLnijFFKGWVZlpWFi4JzriuUlEZrpzsYNXr9zmDo+ePOcFTrunXXrXd7i+WSUkoIoZTmhFDGCCGMHcO66n+5drXz4TdK6aGz0fokDH+2SmEoAIBKGMaYMZrnOeNcCKHPKMOXToUx1loLIZSSR9Wn/IZ/ALou4FN/kEnMAAAAAElFTkSuQmCC')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<picture parentName=\"a\">{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/66e9804f15559404cd310c67dbe56cfd/e4706/Node-RED_INSTAR_Camera_Live_Video_02.avif 230w\", \"/de/static/66e9804f15559404cd310c67dbe56cfd/d1af7/Node-RED_INSTAR_Camera_Live_Video_02.avif 460w\", \"/de/static/66e9804f15559404cd310c67dbe56cfd/ba3b8/Node-RED_INSTAR_Camera_Live_Video_02.avif 883w\"],\n \"sizes\": \"(max-width: 883px) 100vw, 883px\",\n \"type\": \"image/avif\"\n }}></source><source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/66e9804f15559404cd310c67dbe56cfd/a0b58/Node-RED_INSTAR_Camera_Live_Video_02.webp 230w\", \"/de/static/66e9804f15559404cd310c67dbe56cfd/bc10c/Node-RED_INSTAR_Camera_Live_Video_02.webp 460w\", \"/de/static/66e9804f15559404cd310c67dbe56cfd/d4bc4/Node-RED_INSTAR_Camera_Live_Video_02.webp 883w\"],\n \"sizes\": \"(max-width: 883px) 100vw, 883px\",\n \"type\": \"image/webp\"\n }}></source>{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/66e9804f15559404cd310c67dbe56cfd/81c8e/Node-RED_INSTAR_Camera_Live_Video_02.png 230w\", \"/de/static/66e9804f15559404cd310c67dbe56cfd/08a84/Node-RED_INSTAR_Camera_Live_Video_02.png 460w\", \"/de/static/66e9804f15559404cd310c67dbe56cfd/fe9f1/Node-RED_INSTAR_Camera_Live_Video_02.png 883w\"],\n \"sizes\": \"(max-width: 883px) 100vw, 883px\",\n \"type\": \"image/png\"\n }}></source>{`\n `}<img parentName=\"picture\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"src\": \"/de/static/66e9804f15559404cd310c67dbe56cfd/fe9f1/Node-RED_INSTAR_Camera_Live_Video_02.png\",\n \"alt\": \"Node-RED Dashboard and INSTAR IP Camera Live Video\",\n \"title\": \"Node-RED Dashboard and INSTAR IP Camera Live Video\",\n \"loading\": \"lazy\",\n \"decoding\": \"async\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n }\n }}></img>{`\n `}</picture>{`\n `}</a>{`\n `}</span></p>\n <h3 {...{\n \"id\": \"flow-export-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h3\" {...{\n \"href\": \"#flow-export-1\",\n \"aria-label\": \"flow export 1 permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Flow Export`}</h3>\n <ul>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"/de/Node-RED_Flows/nodered_flow_node-red_dashboard_live_video_02.json\"\n }}>{`Download JSON Flow`}</a></li>\n </ul>\n {/* ```json\n [{\"id\":\"a1428a3e.9b4d78\",\"type\":\"ONVIF Snapshot\",\"z\":\"3ad90760.562918\",\"name\":\"ONVIF 9020\",\"url\":\"http://192.168.2.165:8080/\",\"interval\":\"30\",\"username\":\"admin\",\"password\":\"instar\",\"active\":false,\"x\":290,\"y\":183,\"wires\":[[\"5f85bc5d.988a14\"]]},{\"id\":\"5f85bc5d.988a14\",\"type\":\"ui_template\",\"z\":\"3ad90760.562918\",\"group\":\"b51595ca.fcd178\",\"name\":\"Display image\",\"order\":1,\"width\":\"6\",\"height\":\"6\",\"format\":\"<img width=\\\"16\\\" height=\\\"16\\\" alt=\\\"9020 ONVIF\\\" src=\\\"{{msg.payload}}\\\" />\\n\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"templateScope\":\"local\",\"x\":467,\"y\":183,\"wires\":[[]]},{\"id\":\"b51595ca.fcd178\",\"type\":\"ui_group\",\"z\":\"fafa85fb.98fd68\",\"name\":\"ONVIF\",\"tab\":\"d75e440d.a22678\",\"order\":1,\"disp\":true,\"width\":\"6\",\"collapse\":false},{\"id\":\"d75e440d.a22678\",\"type\":\"ui_tab\",\"z\":\"fafa85fb.98fd68\",\"name\":\"Cameras\",\"icon\":\"camera_alt\",\"order\":2}]\n ``` */}\n <h2 {...{\n \"id\": \"verwendung-ihrer-kameras-mjpeg-stream\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h2\" {...{\n \"href\": \"#verwendung-ihrer-kameras-mjpeg-stream\",\n \"aria-label\": \"verwendung ihrer kameras mjpeg stream permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Verwendung Ihrer Kameras MJPEG Stream`}</h2>\n <p>{`Der folgende Flow verwendet sowohl den `}<a parentName=\"p\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-node-base64\"\n }}>{`node-red-node-base64`}</a>{` Node als auch den `}<a parentName=\"p\" {...{\n \"href\": \"https://flows.nodered.org/node/node-red-contrib-multipart-stream-encoder\"\n }}>{`node-red-contrib-multipart-stream-encoder`}</a>{` Node, um den MJPEG-Stream Ihrer Kamera in das Node-RED Dashboard einzubetten.`}</p>\n <p><span parentName=\"p\" {...{\n \"className\": \"gatsby-resp-image-wrapper\",\n \"style\": {\n \"position\": \"relative\",\n \"display\": \"block\",\n \"marginLeft\": \"auto\",\n \"marginRight\": \"auto\",\n \"maxWidth\": \"920px\"\n }\n }}>{`\n `}<a parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/de/static/8240826920295b2604af62ab1a861113/159fb/Node-RED_INSTAR_Camera_Live_Video_03.png\",\n \"style\": {\n \"display\": \"block\"\n },\n \"target\": \"_blank\",\n \"rel\": \"noopener\"\n }}>{`\n `}<span parentName=\"a\" {...{\n \"className\": \"gatsby-resp-image-background-image\",\n \"style\": {\n \"paddingBottom\": \"21.73913043478261%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAIAAAABPYjBAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAvklEQVQI14XO2wqCMACAYd+9i7roqp6imwgKoohKyKKk8xEdWyqZTt0Wbm4VZOAD1A///afxTG0uzmJnn9yYq/ttVHP0eqyS/JPnxT/SCEvb+rrRm+lbJwqX1qliHUsAtoR4cR4QYlNqEY45gRj2Mb4YXtC1QQegKJMaffDuZNsczHsm8P0VOFT36zJyhlK+hYgpRYyhTCaCeYk34RSaPh7C6/jqPdRTk+oJ3OCMbiFJVRYmeBqHhlKscP1hfwF45NlRWX8wXgAAAABJRU5ErkJggg==')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<picture parentName=\"a\">{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/8240826920295b2604af62ab1a861113/e4706/Node-RED_INSTAR_Camera_Live_Video_03.avif 230w\", \"/de/static/8240826920295b2604af62ab1a861113/d1af7/Node-RED_INSTAR_Camera_Live_Video_03.avif 460w\", \"/de/static/8240826920295b2604af62ab1a861113/7f308/Node-RED_INSTAR_Camera_Live_Video_03.avif 920w\", \"/de/static/8240826920295b2604af62ab1a861113/5309c/Node-RED_INSTAR_Camera_Live_Video_03.avif 1019w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/avif\"\n }}></source><source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/8240826920295b2604af62ab1a861113/a0b58/Node-RED_INSTAR_Camera_Live_Video_03.webp 230w\", \"/de/static/8240826920295b2604af62ab1a861113/bc10c/Node-RED_INSTAR_Camera_Live_Video_03.webp 460w\", \"/de/static/8240826920295b2604af62ab1a861113/966d8/Node-RED_INSTAR_Camera_Live_Video_03.webp 920w\", \"/de/static/8240826920295b2604af62ab1a861113/6b83e/Node-RED_INSTAR_Camera_Live_Video_03.webp 1019w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/webp\"\n }}></source>{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/8240826920295b2604af62ab1a861113/81c8e/Node-RED_INSTAR_Camera_Live_Video_03.png 230w\", \"/de/static/8240826920295b2604af62ab1a861113/08a84/Node-RED_INSTAR_Camera_Live_Video_03.png 460w\", \"/de/static/8240826920295b2604af62ab1a861113/c0255/Node-RED_INSTAR_Camera_Live_Video_03.png 920w\", \"/de/static/8240826920295b2604af62ab1a861113/159fb/Node-RED_INSTAR_Camera_Live_Video_03.png 1019w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/png\"\n }}></source>{`\n `}<img parentName=\"picture\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"src\": \"/de/static/8240826920295b2604af62ab1a861113/c0255/Node-RED_INSTAR_Camera_Live_Video_03.png\",\n \"alt\": \"Node-RED Dashboard and INSTAR IP Camera Live Video\",\n \"title\": \"Node-RED Dashboard and INSTAR IP Camera Live Video\",\n \"loading\": \"lazy\",\n \"decoding\": \"async\",\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"100%\",\n \"margin\": \"0\",\n \"verticalAlign\": \"middle\",\n \"position\": \"absolute\",\n \"top\": \"0\",\n \"left\": \"0\"\n }\n }}></img>{`\n `}</picture>{`\n `}</a>{`\n `}</span></p>\n <p>{`Der MJPEG-Pfad für Ihre INSTAR HD- und Full HD-Kamera lautet:`}</p>\n <ul>\n <li parentName=\"ul\">{`http://IP-Address:Port/mjpegstream.cgi?-chn=11&-usr=admin&-pwd=instar\n`}<em parentName=\"li\">{`MJPEG Stream 11`}</em></li>\n <li parentName=\"ul\">{`http://IP-Address:Port/mjpegstream.cgi?-chn=12&-usr=admin&-pwd=instar\n`}<em parentName=\"li\">{`MJPEG Stream 12`}</em></li>\n <li parentName=\"ul\">{`http://IP-Address:Port/mjpegstream.cgi?-chn=13&-usr=admin&-pwd=instar\n`}<em parentName=\"li\">{`MJPEG Stream 13`}</em></li>\n </ul>\n <p>{`Bitte ändern Sie die IP-Adresse und das Login entsprechend Ihrer Kameraeinstellung: `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`http://192.168.2.117/mjpegstream.cgi?-chn=13`}</code>{`. Die URL wird innerhalb des `}<strong parentName=\"p\">{`set msg.url`}</strong>{` Knotens gesetzt, wie im Screenshot oben markiert.`}</p>\n <h3 {...{\n \"id\": \"flow-export-2\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h3\" {...{\n \"href\": \"#flow-export-2\",\n \"aria-label\": \"flow export 2 permalink\",\n \"className\": \"header-link-icon before\"\n }}><svg parentName=\"a\" {...{\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }}><path parentName=\"svg\" {...{\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }}></path></svg></a>{`Flow Export`}</h3>\n <ul>\n <li parentName=\"ul\"><a parentName=\"li\" {...{\n \"href\": \"/de/Node-RED_Flows/nodered_flow_node-red_dashboard_live_video_03.json\"\n }}>{`Download JSON Flow`}</a></li>\n </ul>\n {/* ```json\n [{\"id\":\"bcfdc528.e179f8\",\"type\":\"base64\",\"z\":\"3ad90760.562918\",\"name\":\"Encode\",\"action\":\"\",\"property\":\"payload\",\"x\":900,\"y\":652,\"wires\":[[\"9ac64835.1ca948\"]]},{\"id\":\"9ac64835.1ca948\",\"type\":\"ui_template\",\"z\":\"3ad90760.562918\",\"group\":\"9f4bace2.7b09a\",\"name\":\"Display image\",\"order\":1,\"width\":\"6\",\"height\":\"6\",\"format\":\"<img alt=\\\"stream test\\\" src=\\\"data:image/jpg;base64,{{msg.payload}}\\\" />\\n\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"templateScope\":\"local\",\"x\":1063.256923675537,\"y\":652.4166660308838,\"wires\":[[]]},{\"id\":\"58723502.20fb1c\",\"type\":\"inject\",\"z\":\"3ad90760.562918\",\"name\":\"Start Stream\",\"topic\":\"\",\"payload\":\"\",\"payloadType\":\"date\",\"repeat\":\"\",\"crontab\":\"\",\"once\":false,\"onceDelay\":\"\",\"x\":280,\"y\":589,\"wires\":[[\"f3dc375f.005998\"]]},{\"id\":\"f3dc375f.005998\",\"type\":\"change\",\"z\":\"3ad90760.562918\",\"name\":\"\",\"rules\":[{\"t\":\"set\",\"p\":\"url\",\"pt\":\"msg\",\"to\":\"http://192.168.2.117/mjpegstream.cgi?-chn=13\",\"tot\":\"str\"}],\"action\":\"\",\"property\":\"\",\"from\":\"\",\"to\":\"\",\"reg\":false,\"x\":466,\"y\":589,\"wires\":[[\"ac461010.24496\"]]},{\"id\":\"ac461010.24496\",\"type\":\"multipart-decoder\",\"z\":\"3ad90760.562918\",\"name\":\"MJPEG Encoder\",\"ret\":\"bin\",\"url\":\"\",\"tls\":\"\",\"delay\":\"5\",\"maximum\":\"10000000\",\"blockSize\":\"1\",\"x\":720,\"y\":652,\"wires\":[[\"bcfdc528.e179f8\"]]},{\"id\":\"4821ba30.2f4374\",\"type\":\"inject\",\"z\":\"3ad90760.562918\",\"name\":\"Pause stream\",\"topic\":\"\",\"payload\":\"true\",\"payloadType\":\"bool\",\"repeat\":\"\",\"crontab\":\"\",\"once\":false,\"x\":279.00001525878906,\"y\":628,\"wires\":[[\"e32d48eb.0b1358\"]]},{\"id\":\"ffa25a37.8b6208\",\"type\":\"inject\",\"z\":\"3ad90760.562918\",\"name\":\"Resume stream\",\"topic\":\"\",\"payload\":\"true\",\"payloadType\":\"bool\",\"repeat\":\"\",\"crontab\":\"\",\"once\":false,\"x\":290,\"y\":668,\"wires\":[[\"8d2e7e10.68e59\"]]},{\"id\":\"69f879bd.8d8c38\",\"type\":\"inject\",\"z\":\"3ad90760.562918\",\"name\":\"Stop stream\",\"topic\":\"\",\"payload\":\"true\",\"payloadType\":\"bool\",\"repeat\":\"\",\"crontab\":\"\",\"once\":false,\"x\":279.00001525878906,\"y\":708,\"wires\":[[\"b9d3d5af.e7d4f8\"]]},{\"id\":\"e32d48eb.0b1358\",\"type\":\"change\",\"z\":\"3ad90760.562918\",\"name\":\"\",\"rules\":[{\"t\":\"set\",\"p\":\"pause\",\"pt\":\"msg\",\"to\":\"payload\",\"tot\":\"msg\"}],\"action\":\"\",\"property\":\"\",\"from\":\"\",\"to\":\"\",\"reg\":false,\"x\":476.00001525878906,\"y\":628,\"wires\":[[\"ac461010.24496\"]]},{\"id\":\"8d2e7e10.68e59\",\"type\":\"change\",\"z\":\"3ad90760.562918\",\"name\":\"\",\"rules\":[{\"t\":\"set\",\"p\":\"resume\",\"pt\":\"msg\",\"to\":\"payload\",\"tot\":\"msg\"}],\"action\":\"\",\"property\":\"\",\"from\":\"\",\"to\":\"\",\"reg\":false,\"x\":476.00001525878906,\"y\":668,\"wires\":[[\"ac461010.24496\"]]},{\"id\":\"b9d3d5af.e7d4f8\",\"type\":\"change\",\"z\":\"3ad90760.562918\",\"name\":\"\",\"rules\":[{\"t\":\"set\",\"p\":\"stop\",\"pt\":\"msg\",\"to\":\"payload\",\"tot\":\"msg\"}],\"action\":\"\",\"property\":\"\",\"from\":\"\",\"to\":\"\",\"reg\":false,\"x\":466.00001525878906,\"y\":708,\"wires\":[[\"ac461010.24496\"]]},{\"id\":\"9f4bace2.7b09a\",\"type\":\"ui_group\",\"z\":\"\",\"name\":\"MJPEG Encoder\",\"tab\":\"d75e440d.a22678\",\"disp\":true,\"width\":\"6\",\"collapse\":false},{\"id\":\"d75e440d.a22678\",\"type\":\"ui_tab\",\"z\":\"fafa85fb.98fd68\",\"name\":\"Cameras\",\"icon\":\"camera_alt\",\"order\":2}]\n ``` */}\n\n </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n "],"names":["_frontmatter","layoutProps","MDXLayout","MDXContent","_ref","components","props","_objectWithoutProperties","_excluded","mdx","Object","assign","mdxType","SEOHelmet","title","dateChanged","author","tag","description","image","twitter","location","pathname","BreadCrumbs","locationBC","locationDE","locationEN","locationFR","crumbLabel","NavButtons","PrimaryBoxInfo","EuiSpacer","parentName","TimeLine","isMDXComponent"],"sourceRoot":""}