{"version":3,"file":"component---src-pages-erweitert-webseiten-einbindung-mjpeg-stream-wqhd-cameras-index-mdx-33eb93c8fa5977613d1e.js","mappings":"qSAQaA,EAAe,CAC1B,MAAS,uDACT,KAAQ,6DACR,YAAe,aACf,OAAU,kBACV,QAAW,iFACX,MAAS,kDACT,OAAU,gEACV,IAAO,sEACP,QAAW,iBAEPC,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,eAE5EH,EAAAA,EAAAA,IAACI,EAAAA,EAAS,CAACC,MAAM,uDAAuDC,YAAY,WAAWC,OAAO,kBAAkBC,IAAI,mBAAmBC,YAAY,iFAAiFC,MAAM,+DAA+DC,QAAQ,gEAAgEC,SAAUf,EAAMe,SAASC,SAAUV,QAAQ,eACpaH,EAAAA,EAAAA,IAACc,EAAAA,EAAW,CAACC,WAAYlB,EAAMe,SAAUI,WAAYnB,EAAMe,SAASC,SAAUI,WAAW,mEAAmEC,WAAW,mEAAmEC,WAAW,WAAWhB,QAAQ,iBACxQH,EAAAA,EAAAA,IAACoB,EAAAA,EAAU,CAACjB,QAAQ,gBACpBH,EAAAA,EAAAA,IAAA,MACE,GAAM,uDACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,KACb,KAAQ,6DACR,aAAc,iEACd,UAAa,4BACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,yDAC1BrB,EAAAA,EAAAA,IAAA,MACE,GAAM,oCACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,KACb,KAAQ,0CACR,aAAc,8CACd,UAAa,4BACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,sCAC1BrB,EAAAA,EAAAA,IAAA,0BAAoBA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IAC9B,KAAQ,4EAA0E,gBAC7D,kBAAkBrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IACrD,KAAQ,iEAA+D,iCACjC,iDAAiDrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IACrG,KAAQ,yCAAuC,yBACjB,wDAAwDrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IACpG,KAAQ,yCAAuC,oBACtB,mBAAmBrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IAC1D,KAAQ,6FAA2F,gEAC9B,OACzErB,EAAAA,EAAAA,IAAA,OACE,UAAa,mBACb,gBAAiB,OAChBA,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,MACf,UAAa,gBACZrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,MAChB,UAAa,gBACZrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAChB,UAAa,iBAAe,oFACgE,MACtGrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,+EAC2D,MACjGrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,6BACS,MAC/CrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,oFACgE,MACtGrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,OACb,SAASrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACzC,UAAa,kBAAgB,KAChB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,gBAAc,uBACGrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAC/C,UAAa,qBAAmB,KACnB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,iBAAe,wBACI,MAC1CrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,OACb,cAAcrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAC9C,UAAa,kBAAgB,KAChB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,gBAAc,UACT,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACxC,UAAa,iBAAe,oBACA,MACtCrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,OACb,eAAerB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAC/C,UAAa,kBAAgB,KAChB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,gBAAc,OACbrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAC/B,UAAa,qBAAmB,KACnB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,iBAAe,oCACgB,MACtDrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,OACb,WAAWrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAC3C,UAAa,kBAAgB,KAChB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,gBAAc,YACRrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACpC,UAAa,qBAAmB,KACnB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,iBAAe,sBACE,MACxCrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,OACb,eAAerB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAC/C,UAAa,kBAAgB,KAChB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,gBAAc,aACPrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACrC,UAAa,qBAAmB,KACnB,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnC,UAAa,iBAAe,sBACE,MACxCrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,oFACgE,MACtGrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,4BACQ,MAC9CrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACP,UAAa,iBAAe,wFAEpCrB,EAAAA,EAAAA,IAAA,mBACEA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,eAAarB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,KAAG,WAAqB,wDAAwDrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IACxI,KAAQ,oDAAkD,eACtC,4CAA4CrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACjF,UAAa,iBAAe,KACf,QAAQrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACtC,UAAa,iBAAe,OACb,6BAA6BrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAC7D,UAAa,iBAAe,WACT,iCAAiCrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACrE,UAAa,iBAAe,aACP,cAE3BrB,EAAAA,EAAAA,IAAA,MACE,GAAM,iBACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,KACb,KAAQ,kBACR,aAAc,2BACd,UAAa,4BACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,mBAC1BrB,EAAAA,EAAAA,IAAA,2YAAqYA,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAClZ,UAAa,iBAAe,cACN,gHAC1BrB,EAAAA,EAAAA,IAAA,wCAAkCA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,IAC5C,KAAQ,0BAAwB,2CACgB,qDAAqDrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,KAAG,YAAsB,6IAA6IrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAC/S,UAAa,iBAAe,cACN,kBAC1BrB,EAAAA,EAAAA,IAAA,OACE,UAAa,mBACb,gBAAiB,SAChBA,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,MACf,UAAa,kBACZrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,MAChB,UAAa,kBACZrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OAChB,UAAa,kBAAgB,OACd,KAAKrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACrC,UAAa,kBAAgB,WACV,8BACjBrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,OACnB,UAAa,gBAAc,YAEnCrB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAChB,UAAa,4BACb,MAAS,CACP,SAAY,WACZ,QAAW,QACX,WAAc,OACd,YAAe,OACf,SAAY,UACb,YAEDrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,OACZ,UAAa,yBACb,KAAQ,wFACR,MAAS,CACP,QAAW,SAEb,OAAU,SACV,IAAO,YAAU,UAErBrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACX,UAAa,qCACb,MAAS,CACP,cAAiB,qBACjB,SAAY,WACZ,OAAU,IACV,KAAQ,IACR,gBAAmB,wlBACnB,eAAkB,QAClB,QAAW,WAEL,QAChBrB,EAAAA,EAAAA,IAAA,WAASqB,WAAW,KAAG,gBACfrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UACjB,OAAU,CAAC,8FAA+F,8FAA+F,8FAA+F,gGACxS,MAAS,kCACT,KAAQ,gBACErB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UAC7B,OAAU,CAAC,8FAA+F,8FAA+F,8FAA+F,gGACxS,MAAS,kCACT,KAAQ,eACE,gBACZrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UACjB,OAAU,CAAC,6FAA8F,6FAA8F,6FAA8F,+FACrS,MAAS,kCACT,KAAQ,cACE,gBACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,UACd,UAAa,0BACb,IAAO,wFACP,IAAO,wBACP,MAAS,wBACT,QAAW,OACX,SAAY,QACZ,MAAS,CACP,MAAS,OACT,OAAU,OACV,OAAU,IACV,cAAiB,SACjB,SAAY,WACZ,IAAO,IACP,KAAQ,OAEH,cACD,QACZ,YAEJrB,EAAAA,EAAAA,IAAA,mCAA6BA,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAC1C,UAAa,iBAAe,oBACA,2MAA2MrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACxP,UAAa,iBAAe,cACN,yGAAyGrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAChJ,UAAa,iBAAe,yBACK,gBACrCrB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAChB,UAAa,4BACb,MAAS,CACP,SAAY,WACZ,QAAW,QACX,WAAc,OACd,YAAe,OACf,SAAY,UACb,YAEDrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,OACZ,UAAa,yBACb,KAAQ,wFACR,MAAS,CACP,QAAW,SAEb,OAAU,SACV,IAAO,YAAU,UAErBrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACX,UAAa,qCACb,MAAS,CACP,cAAiB,qBACjB,SAAY,WACZ,OAAU,IACV,KAAQ,IACR,gBAAmB,wmCACnB,eAAkB,QAClB,QAAW,WAEL,QAChBrB,EAAAA,EAAAA,IAAA,WAASqB,WAAW,KAAG,gBACfrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UACjB,OAAU,CAAC,8FAA+F,8FAA+F,8FAA+F,gGACxS,MAAS,kCACT,KAAQ,gBACErB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UAC7B,OAAU,CAAC,8FAA+F,8FAA+F,8FAA+F,gGACxS,MAAS,kCACT,KAAQ,eACE,gBACZrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UACjB,OAAU,CAAC,6FAA8F,6FAA8F,6FAA8F,+FACrS,MAAS,kCACT,KAAQ,cACE,gBACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,UACd,UAAa,0BACb,IAAO,wFACP,IAAO,wBACP,MAAS,wBACT,QAAW,OACX,SAAY,QACZ,MAAS,CACP,MAAS,OACT,OAAU,OACV,OAAU,IACV,cAAiB,SACjB,SAAY,WACZ,IAAO,IACP,KAAQ,OAEH,cACD,QACZ,YAEJrB,EAAAA,EAAAA,IAAA,MACE,GAAM,4CACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,KACb,KAAQ,6CACR,aAAc,sDACd,UAAa,4BACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,8CAC1BrB,EAAAA,EAAAA,IAAA,qJAA+IA,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,KAAG,aAAuB,MAC5LrB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IAChB,UAAa,4BACb,MAAS,CACP,SAAY,WACZ,QAAW,QACX,WAAc,OACd,YAAe,OACf,SAAY,UACb,YAEDrB,EAAAA,EAAAA,IAAA,KAAGqB,WAAW,OACZ,UAAa,yBACb,KAAQ,wFACR,MAAS,CACP,QAAW,SAEb,OAAU,SACV,IAAO,YAAU,UAErBrB,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACX,UAAa,qCACb,MAAS,CACP,cAAiB,sBACjB,SAAY,WACZ,OAAU,IACV,KAAQ,IACR,gBAAmB,qwBACnB,eAAkB,QAClB,QAAW,WAEL,QAChBrB,EAAAA,EAAAA,IAAA,WAASqB,WAAW,KAAG,gBACfrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UACjB,OAAU,CAAC,8FAA+F,8FAA+F,+FACzM,MAAS,kCACT,KAAQ,gBACErB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UAC7B,OAAU,CAAC,8FAA+F,8FAA+F,+FACzM,MAAS,kCACT,KAAQ,eACE,gBACZrB,EAAAA,EAAAA,IAAA,UAAQqB,WAAW,UACjB,OAAU,CAAC,6FAA8F,6FAA8F,8FACvM,MAAS,kCACT,KAAQ,eACE,gBACZrB,EAAAA,EAAAA,IAAA,OAAKqB,WAAW,UACd,UAAa,0BACb,IAAO,wFACP,IAAO,wBACP,MAAS,wBACT,QAAW,OACX,SAAY,QACZ,MAAS,CACP,MAAS,OACT,OAAU,OACV,OAAU,IACV,cAAiB,SACjB,SAAY,WACZ,IAAO,IACP,KAAQ,OAEH,cACD,QACZ,YAEJrB,EAAAA,EAAAA,IAAA,6CAAuCA,EAAAA,EAAAA,IAAA,QAAMqB,WAAW,IACpD,UAAa,iBAAe,yBACK,0FAGzC,CAEA3B,EAAW4B,gBAAiB,C","sources":["webpack://instar-wiki/./src/pages/Erweitert/Webseiten_Einbindung/MJPEG_Stream_WQHD_Cameras/index.mdx"],"sourcesContent":["import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport NavButtons from 'components/Advanced_User/NavButtons';\nimport BreadCrumbs from 'components/Layout/BreadCrumbs';\nimport SEOHelmet from 'components/Layout/SEOHelmet';\nexport const _frontmatter = {\n \"title\": \"Webseiten Einbindung - MJPEG Stream für WQHD Kameras\",\n \"path\": \"/Erweitert/Webseiten_Einbindung/MJPEG_Stream_WQHD_Cameras/\",\n \"dateChanged\": \"2023-01-16\",\n \"author\": \"Mike Polinowski\",\n \"excerpt\": \"Fügen Sie das MJPEG-Live-Video von Ihrer WQHD 2k+ Kamera in Ihre Webseite ein.\",\n \"image\": \"./AU_SearchThumb_WebsiteIntegration_HD_Cams.png\",\n \"social\": \"/images/Search/AU_SearchThumb_WebsiteIntegration_HD_Cams.webp\",\n \"toc\": \"/images/Search/TOC_Icons/Wiki_Tiles_Advanced_Integration_white.webp\",\n \"chapter\": \"Advanced User\"\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 <SEOHelmet title='Webseiten Einbindung - MJPEG Stream für WQHD Kameras' dateChanged='23-01-16' author='Mike Polinowski' tag='INSTAR IP Camera' description='Fügen Sie das MJPEG-Live-Video von Ihrer WQHD 2k+ Kamera in Ihre Webseite ein.' image='/images/Search/AU_SearchThumb_WebsiteIntegration_HD_Cams.png' twitter='/images/Search/AU_SearchThumb_WebsiteIntegration_HD_Cams.webp' location={props.location.pathname} mdxType=\"SEOHelmet\" />\n <BreadCrumbs locationBC={props.location} locationEN={props.location.pathname} locationDE='/de/Advanced_User/Website_Integration/MJPEG_Stream_WQHD_Cameras/' locationFR='/fr/Advanced_User/Website_Integration/MJPEG_Stream_WQHD_Cameras/' crumbLabel=\"Webseite\" mdxType=\"BreadCrumbs\" />\n <NavButtons mdxType=\"NavButtons\" />\n <h1 {...{\n \"id\": \"webseiten-einbindung---mjpeg-stream-für-wqhd-kameras\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h1\" {...{\n \"href\": \"#webseiten-einbindung---mjpeg-stream-f%C3%BCr-wqhd-kameras\",\n \"aria-label\": \"webseiten einbindung mjpeg stream für wqhd 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>{`Webseiten Einbindung - MJPEG Stream für WQHD Kameras`}</h1>\n <h3 {...{\n \"id\": \"hinzufügen-des-mjpeg-videostreams\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h3\" {...{\n \"href\": \"#hinzuf%C3%BCgen-des-mjpeg-videostreams\",\n \"aria-label\": \"hinzufügen des mjpeg videostreams 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 MJPEG Videostreams`}</h3>\n <p>{`Wenn Sie den `}<a parentName=\"p\" {...{\n \"href\": \"/de/1440p_Serie_CGI_Befehle/#mjpeg-stream-livestreamactionplaymediamjpeg\"\n }}>{`MJPEG-Stream`}</a>{` anstelle des `}<a parentName=\"p\" {...{\n \"href\": \"/de/Advanced_User/Website_Integration/WS_Stream_WQHD_Cameras/\"\n }}>{`h.264/h.265 Websocket-Streams`}</a>{` verwenden möchten, Bitte bearbeiten Sie die `}<a parentName=\"p\" {...{\n \"href\": \"https://wiki.instar.com/dl/Developer/\"\n }}>{`mjpeg_video_wqhd.html`}</a>{` Datei (für Full HD-Kameras verwenden Sie bitte die `}<a parentName=\"p\" {...{\n \"href\": \"https://wiki.instar.com/dl/Developer/\"\n }}>{`mjpeg_video.html`}</a>{` Datei - siehe `}<a parentName=\"p\" {...{\n \"href\": \"/de/Advanced_User/Website_Integration/HD_Camera_Integration/#adding-the-mjpeg-videostream\"\n }}>{`Hinzufügen eines Full HD Kameravideostreams zu Ihrer Website`}</a>{`):`}</p>\n <div {...{\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"js\"\n }}><pre parentName=\"div\" {...{\n \"className\": \"language-js\"\n }}><code parentName=\"pre\" {...{\n \"className\": \"language-js\"\n }}><span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`////////////////////////////////////////////////////////////////////////////////`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// DIESE PARAMETER M�SSEN ENTSPRECHEND AN DIE IHRER KAMERA ANGEPASST WERDEN`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// START KAMERA PARAMETER`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`////////////////////////////////////////////////////////////////////////////////`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token keyword\"\n }}>{`var`}</span>{` url `}<span parentName=\"code\" {...{\n \"className\": \"token operator\"\n }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token string\"\n }}>{`'192.168.2.120:80'`}</span><span parentName=\"code\" {...{\n \"className\": \"token punctuation\"\n }}>{`;`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// Camera IP or DDNS`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token keyword\"\n }}>{`var`}</span>{` protocol `}<span parentName=\"code\" {...{\n \"className\": \"token operator\"\n }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token string\"\n }}>{`\"http\"`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// http or https`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token keyword\"\n }}>{`var`}</span>{` streamnum `}<span parentName=\"code\" {...{\n \"className\": \"token operator\"\n }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token number\"\n }}>{`13`}</span><span parentName=\"code\" {...{\n \"className\": \"token punctuation\"\n }}>{`;`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// Videostream user 11, 12 or 13`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token keyword\"\n }}>{`var`}</span>{` name0 `}<span parentName=\"code\" {...{\n \"className\": \"token operator\"\n }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token string\"\n }}>{`'admin'`}</span><span parentName=\"code\" {...{\n \"className\": \"token punctuation\"\n }}>{`;`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// Camera Username`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token keyword\"\n }}>{`var`}</span>{` password0 `}<span parentName=\"code\" {...{\n \"className\": \"token operator\"\n }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token string\"\n }}>{`'instar'`}</span><span parentName=\"code\" {...{\n \"className\": \"token punctuation\"\n }}>{`;`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// Camera Password`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`////////////////////////////////////////////////////////////////////////////////`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`// ENDE KAMERA PARAMETER`}</span>{`\n`}<span parentName=\"code\" {...{\n \"className\": \"token comment\"\n }}>{`////////////////////////////////////////////////////////////////////////////////`}</span></code></pre></div>\n <blockquote>\n <p parentName=\"blockquote\"><strong parentName=\"p\">{`Hinweis`}</strong>{`: Wenn Ihr Login ein Sonderzeichen enthält, muss es `}<a parentName=\"p\" {...{\n \"href\": \"https://www.w3schools.com/tags/ref_urlencode.ASP\"\n }}>{`URL kodiert`}</a>{` sein. Zum Beispiel kodiert das Zeichen `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`&`}</code>{` zu `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`%26`}</code>{` - wenn Ihr Kamera-Login `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`&instar`}</code>{` ist, müssen Sie stattdessen `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`%26instar`}</code>{` nutzen.`}</p>\n </blockquote>\n <h2 {...{\n \"id\": \"offline-testen\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h2\" {...{\n \"href\": \"#offline-testen\",\n \"aria-label\": \"offline testen 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>{`Offline testen`}</h2>\n <p>{`Wenn Sie vor dem Hochladen dieser Dateien überprüfen möchten, ob alles funktioniert, müssen Sie einen lokalen Webserver auf Ihrem Host-Rechner verwenden, um die Dateien an Ihren Webbrowser zu übermitteln. Wenn Sie bereits einen Apache- oder NGINX-Webserver / Proxy installiert haben, legen Sie Ihre Datei einfach in das Arbeitsverzeichnis dieser Anwendungen und benennen Sie sie in `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`index.html`}</code>{` um. Sie sollten nun in der Lage sein, auf die Website über die IP-Adresse Ihres Host-Rechners zuzugreifen.`}</p>\n <p>{`Als Alternative können Sie `}<a parentName=\"p\" {...{\n \"href\": \"https://nodejs.org/en/\"\n }}>{`Node.js auf Ihrem Computer installieren`}</a>{`. Installieren und starten Sie dann das Programm `}<strong parentName=\"p\">{`httpster`}</strong>{`, indem Sie den folgenden Befehl in Ihr Terminal innerhalb des Ordners, der Ihre Dateien enthält, eingeben (nicht vergessen die Datei in `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`index.html`}</code>{` umzubennen):`}</p>\n <div {...{\n \"className\": \"gatsby-highlight\",\n \"data-language\": \"bash\"\n }}><pre parentName=\"div\" {...{\n \"className\": \"language-bash\"\n }}><code parentName=\"pre\" {...{\n \"className\": \"language-bash\"\n }}><span parentName=\"code\" {...{\n \"className\": \"token function\"\n }}>{`npm`}</span>{` `}<span parentName=\"code\" {...{\n \"className\": \"token function\"\n }}>{`install`}</span>{` -g httpster\nhttpster -p `}<span parentName=\"code\" {...{\n \"className\": \"token number\"\n }}>{`3000`}</span></code></pre></div>\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/0d46ecd5c4e02695f3fc3879d5d96df1/8ae78/WQHD_MJPEG_Stream_in_Website_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\": \"35.21739130434782%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAIAAACHqfpvAAAACXBIWXMAAA7rAAAO6wFxzYGVAAABW0lEQVQY0z3JbW+UMAAAYBK/arKYm8bt7qDA2lJaaEtL34ABMuQkt5vxm///hxiTxeT59kS89Vx75QcqdMl1KVoqTdtNtp8bN1BpqGjL9/qHcM1NUH6Qtot0mFSYVDdLN3DTt/13001ceao8077SgSnPlKeNK6UtpaWiFcIKYZm0ESxFI01dyYLJNC9SSDJIQI7jDMUZyjEllWRCQ8wOwX34MX5cp6/z+GUeM+MjRMXCtWMCU45JhcoKk4owwRtTCV1Lw7iiXBEqgLEPffi2zMdt/fTn9+fbHnXzGi7X4eetv1zN9BKWzYyLcIMIow7PyvZSe65drWyjnNbe++deunhb714vkdyv8PVXvt8e1wvY9ux6Q67rEXaI5JjFpAZFDZ4oeKIpZCliOeEwLw/LdPe2Rw8AHWN4jOE5QacEPcYwTlAOcJ6gc4pPWXFKixPA/x0BTs7wPvjD9vIXkJVQbXVB6osAAAAASUVORK5CYII=')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<picture parentName=\"a\">{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/e4706/WQHD_MJPEG_Stream_in_Website_01.avif 230w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/d1af7/WQHD_MJPEG_Stream_in_Website_01.avif 460w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/7f308/WQHD_MJPEG_Stream_in_Website_01.avif 920w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/8ad02/WQHD_MJPEG_Stream_in_Website_01.avif 1096w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/avif\"\n }}></source><source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/a0b58/WQHD_MJPEG_Stream_in_Website_01.webp 230w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/bc10c/WQHD_MJPEG_Stream_in_Website_01.webp 460w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/966d8/WQHD_MJPEG_Stream_in_Website_01.webp 920w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/7f3f2/WQHD_MJPEG_Stream_in_Website_01.webp 1096w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/webp\"\n }}></source>{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/81c8e/WQHD_MJPEG_Stream_in_Website_01.png 230w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/08a84/WQHD_MJPEG_Stream_in_Website_01.png 460w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/c0255/WQHD_MJPEG_Stream_in_Website_01.png 920w\", \"/de/static/0d46ecd5c4e02695f3fc3879d5d96df1/8ae78/WQHD_MJPEG_Stream_in_Website_01.png 1096w\"],\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/0d46ecd5c4e02695f3fc3879d5d96df1/c0255/WQHD_MJPEG_Stream_in_Website_01.png\",\n \"alt\": \"HD Camera Integration\",\n \"title\": \"HD Camera Integration\",\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>{`Durch die Eingabe von `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`httpster -p 3000`}</code>{` haben Sie nun einen Webserver auf Port 3000 auf Ihrem Host-Rechner gestartet. Dieser Server stellt Ihnen den Inhalt des Ordners, in dem Sie ihn gestartet haben im Netzwerk bereit. Da Sie Ihre Datei `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`index.html`}</code>{` umbenannt haben, wird Ihr Browser dies als Einstiegspunkt Ihrer Website sehen, wenn Sie auf die URL `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`http://localhost:3000`}</code>{` zugreifen:`}</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/ae2a72e4cac124d722fb42fe3c6615ee/5148a/WQHD_MJPEG_Stream_in_Website_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\": \"60.86956521739131%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAA7rAAAO6wFxzYGVAAAC50lEQVQozwHcAiP9ADEtNDw8Rj9ASTs7RSoqMiMkKiAhKBkZIR8fJh0dJRwbJB4dJhkXHxIRGREQGBEQGBMRGRQSGxYUHRgXHwBOTVZJRUw3KDY6LThMRUs4KjY6LzdwbmhEPkNRTU9iYl5PUU1obWqkp6i2triwsbOdpaCOm5GUm5a9u78AUUxVSkBKMRYoOyg1RjdBLxIkTj9DqKiXRTk/YVxYhIl9sLeu9Pfz/////v7+//7/////3fHcz9vL//7/AE5IUUAyPy8XJz0xPD0tOTEVJGVeW6mrmzgsNIaIfePu2P7//f79/vv6/P7+/////uv55qOxn52im/z8/ABNRlA5JTQyGClDOUVAKzcyFiR7eHGlppkyJjCgpZXq9trx+eb6//X3/fLd49m0vbGTnpR2fnmco6D///8AT0dSNiAwNR0tQDZCOyQyNBonkZGKsraoMyUvamhmdXZuipCEoKaXgoqAeHdwen95maykhZKNoqqo////AEo+SzQcLDkkNEE2QzshLjIaJ6OmnbK1qS8gK1pSVmVXVVRNS4WCelZPUXpzcoSIhnmKimJuc5elrP///wA6KjszFSc+LD5IPkw7IC04Ii+xt66pq6IvIi1nYmdvWFpeTE6CfXdxaXB5dnt6gIRndHmBlJ/Z5+////8APCo8MxUrOyo7QTVEORsqPCo0vMO4nJqUMSYxdXuFbl9lVkxQcWtqp6+4iJCZkKStboSJsMTM8Pn+//79AEIvQTUXKzYlNzgpOjwcKzonM7W8s4+LhjAmMmFeaFlETFJPU3p8dnBtdlBOV2FqcXGCi2t7hY+apP///wA7JjowESYyIzM0IzM2FSUzHSmYjIJ2b28sIi1bVWBHMDZDPUBiYFsyISsxKTE7OEBPUlw1N0J8f4f///8AWkZbUzlMY1ZgZVhgVTpIYE5VsaWXf3d2VUpSoaOeko2Ff4J7lJqOhYV/eXh2fH17hoiFeXx+rbGz////e8Q5ZeVfqSgAAAAASUVORK5CYII=')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<picture parentName=\"a\">{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/e4706/WQHD_MJPEG_Stream_in_Website_02.avif 230w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/d1af7/WQHD_MJPEG_Stream_in_Website_02.avif 460w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/7f308/WQHD_MJPEG_Stream_in_Website_02.avif 920w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/9dc19/WQHD_MJPEG_Stream_in_Website_02.avif 1228w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/avif\"\n }}></source><source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/a0b58/WQHD_MJPEG_Stream_in_Website_02.webp 230w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/bc10c/WQHD_MJPEG_Stream_in_Website_02.webp 460w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/966d8/WQHD_MJPEG_Stream_in_Website_02.webp 920w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/d565e/WQHD_MJPEG_Stream_in_Website_02.webp 1228w\"],\n \"sizes\": \"(max-width: 920px) 100vw, 920px\",\n \"type\": \"image/webp\"\n }}></source>{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/81c8e/WQHD_MJPEG_Stream_in_Website_02.png 230w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/08a84/WQHD_MJPEG_Stream_in_Website_02.png 460w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/c0255/WQHD_MJPEG_Stream_in_Website_02.png 920w\", \"/de/static/ae2a72e4cac124d722fb42fe3c6615ee/5148a/WQHD_MJPEG_Stream_in_Website_02.png 1228w\"],\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/ae2a72e4cac124d722fb42fe3c6615ee/c0255/WQHD_MJPEG_Stream_in_Website_02.png\",\n \"alt\": \"HD Camera Integration\",\n \"title\": \"HD Camera Integration\",\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 <h2 {...{\n \"id\": \"laden-sie-die-seite-auf-ihren-server-hoch\",\n \"style\": {\n \"position\": \"relative\"\n }\n }}><a parentName=\"h2\" {...{\n \"href\": \"#laden-sie-die-seite-auf-ihren-server-hoch\",\n \"aria-label\": \"laden sie die seite auf ihren server hoch 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>{`Laden Sie die Seite auf Ihren Server hoch`}</h2>\n <p>{`Verwenden Sie nun bitte einen FTP-Client, um die Dateien auf Ihren Webspace hochzuladen. In unserem Beispiel verwenden wir die Software `}<strong parentName=\"p\">{`FileZilla`}</strong>{`:`}</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\": \"700px\"\n }\n }}>{`\n `}<a parentName=\"span\" {...{\n \"className\": \"gatsby-resp-image-link\",\n \"href\": \"/de/static/4c164a39e166ca5b5e58f53b795344d5/29d31/WQHD_MJPEG_Stream_in_Website_03.jpg\",\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\": \"42.608695652173914%\",\n \"position\": \"relative\",\n \"bottom\": \"0\",\n \"left\": \"0\",\n \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAJABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAdphyZQP/8QAGRAAAgMBAAAAAAAAAAAAAAAAAAEQESFC/9oACAEBAAEFAkijDqP/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAWEAADAAAAAAAAAAAAAAAAAAAAIEH/2gAIAQEABj8CIv8A/8QAGxAAAQUBAQAAAAAAAAAAAAAAAAERIWGREHH/2gAIAQEAAT8hQp/BkxgamCdf/9oADAMBAAIAAwAAABCjz//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8QP//EAB0QAAIBBAMAAAAAAAAAAAAAAAABMRARQVFxgcH/2gAIAQEAAT8QhNPpiJd3MdCObvwWaf/Z')\",\n \"backgroundSize\": \"cover\",\n \"display\": \"block\"\n }\n }}></span>{`\n `}<picture parentName=\"a\">{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/4c164a39e166ca5b5e58f53b795344d5/e4706/WQHD_MJPEG_Stream_in_Website_03.avif 230w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/d1af7/WQHD_MJPEG_Stream_in_Website_03.avif 460w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/70e80/WQHD_MJPEG_Stream_in_Website_03.avif 700w\"],\n \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n \"type\": \"image/avif\"\n }}></source><source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/4c164a39e166ca5b5e58f53b795344d5/a0b58/WQHD_MJPEG_Stream_in_Website_03.webp 230w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/bc10c/WQHD_MJPEG_Stream_in_Website_03.webp 460w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/426ac/WQHD_MJPEG_Stream_in_Website_03.webp 700w\"],\n \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n \"type\": \"image/webp\"\n }}></source>{`\n `}<source parentName=\"picture\" {...{\n \"srcSet\": [\"/de/static/4c164a39e166ca5b5e58f53b795344d5/e83b4/WQHD_MJPEG_Stream_in_Website_03.jpg 230w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/e41a8/WQHD_MJPEG_Stream_in_Website_03.jpg 460w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/29d31/WQHD_MJPEG_Stream_in_Website_03.jpg 700w\"],\n \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n \"type\": \"image/jpeg\"\n }}></source>{`\n `}<img parentName=\"picture\" {...{\n \"className\": \"gatsby-resp-image-image\",\n \"src\": \"/de/static/4c164a39e166ca5b5e58f53b795344d5/29d31/WQHD_MJPEG_Stream_in_Website_03.jpg\",\n \"alt\": \"HD Camera Integration\",\n \"title\": \"HD Camera Integration\",\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>{`Alles, was Sie tun müssen, ist, `}<code parentName=\"p\" {...{\n \"className\": \"language-text\"\n }}>{`mjpeg_video_wqhd.html`}</code>{` (benennen Sie diese Datei nach Ihren Bedürfnissen um) - in Ihre Website zu verlinken.`}</p>\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","locationEN","locationDE","locationFR","crumbLabel","NavButtons","parentName","isMDXComponent"],"sourceRoot":""}