{"version":3,"file":"component---src-pages-erweitert-webseiten-einbindung-hd-kamera-einbindung-index-mdx-5486cc2d7673f29779a4.js","mappings":"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","sources":["webpack://instar-wiki/./src/pages/Erweitert/Webseiten_Einbindung/HD_Kamera_Einbindung/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\": \"Hinzufügen eines Full HD Kameravideostreams zu Ihrer Website\",\n  \"path\": \"/Erweitert/Webseiten_Einbindung/HD_Kamera_Einbindung/\",\n  \"dateChanged\": \"2020-03-17\",\n  \"author\": \"Mike Polinowski\",\n  \"excerpt\": \"Hinzufügen Ihres Full-HD-Kamera-Videostreams zu Ihrer Website\",\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='Hinzufügen eines Full HD Kameravideostreams zu Ihrer Website' dateChanged='2020-03-17' author='Mike Polinowski' tag='INSTAR IP Camera' description='Hinzufügen Ihres Full-HD-Kamera-Videostreams zu Ihrer Website' 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} locationDE={props.location.pathname} locationEN='/en/Advanced_User/Website_Integration/HD_Camera_Integration/' locationFR='/fr/Advanced_User/Website_Integration/HD_Camera_Integration/' crumbLabel=\"Website\" mdxType=\"BreadCrumbs\" />\n    <NavButtons mdxType=\"NavButtons\" />\n    <h1 {...{\n      \"id\": \"webseiten-integration\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h1\" {...{\n        \"href\": \"#webseiten-integration\",\n        \"aria-label\": \"webseiten integration 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 Integration`}</h1>\n    {/* TOC */}\n    <ul>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"#integration-des-live-video-streams-in-ihre-website\"\n        }}>{`Integration des Live-Video-Streams in Ihre Website`}</a>\n        <ul parentName=\"li\">\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"#bearbeiten-der-html-seite\"\n            }}>{`Bearbeiten der HTML-Seite`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"#hinzuf%C3%BCgen-des-h264-videostreams\"\n            }}>{`Hinzufügen des h.264-Videostreams`}</a></li>\n          <li parentName=\"ul\"><a parentName=\"li\" {...{\n              \"href\": \"#hinzuf%C3%BCgen-des-mjpeg-videostreams\"\n            }}>{`Hinzufügen des MJPEG-Videostreams`}</a></li>\n        </ul>\n      </li>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"#offline-testen\"\n        }}>{`Offline testen`}</a></li>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"#laden-sie-die-seite-auf-ihren-server-hoch\"\n        }}>{`Laden Sie die Seite auf Ihren Server hoch`}</a></li>\n    </ul>\n    {/* /TOC */}\n    <h2 {...{\n      \"id\": \"hinzufügen-eines-full-hd-kameravideostreams-zu-ihrer-website\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#hinzuf%C3%BCgen-eines-full-hd-kameravideostreams-zu-ihrer-website\",\n        \"aria-label\": \"hinzufügen eines full hd kameravideostreams zu ihrer website 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 eines Full HD Kameravideostreams zu Ihrer Website`}</h2>\n    <p>{`Es gibt zwei Möglichkeiten, den Videostream Ihrer Kamera zu Ihrer Website hinzuzufügen.`}</p>\n    <ul>\n      <li parentName=\"ul\"><strong parentName=\"li\">{`h264`}</strong>{`: Bei dieser Methode wird der h.264-Videostrom Ihrer Kamera verwendet. Für h.264 ist das `}<a parentName=\"li\" {...{\n          \"href\": \"/de/Schnell_Installation/Live_Video/\"\n        }}>{`Flash-Plugin`}</a>{` in Ihrem Webbrowser erforderlich. Wenn Sie noch ein älteres Kameramodell verwenden, das das INSTAR ActiveX-Plugin verwendet - `}<a parentName=\"li\" {...{\n          \"href\": \"/de/Erweitert/Webseiten_Einbindung/HD_Kamera_Einbindung/ActiveX/\"\n        }}>{`folgen Sie bitte stattdessen dieser Anleitung`}</a></li>\n      <li parentName=\"ul\"><strong parentName=\"li\">{`MJPEG`}</strong>{`: Diese Methode funktioniert mit jedem Webbrowser ohne die Notwendigkeit eines Video-Plugins.`}</li>\n    </ul>\n    <blockquote>\n      <p parentName=\"blockquote\"><strong parentName=\"p\">{`Hinweis`}</strong>{`: Um über das Internet auf Ihre Kamera zuzugreifen, müssen Sie `}<a parentName=\"p\" {...{\n          \"href\": \"/de/Web_User_Interface/1080p_Serie/Netzwerk/IP_Konfiguration/\"\n        }}>{`den HTTP- und RTMP-Port`}</a>{` Ihrer Kamera `}<a parentName=\"p\" {...{\n          \"href\": \"/de/Fernzugriff/Port_Weiterleitung/\"\n        }}>{`in Ihrem Router`}</a>{` weiterleiten und die `}<a parentName=\"p\" {...{\n          \"href\": \"/de/Fernzugriff/Der_DDNS_Dienst/\"\n        }}>{`DDNS Adresse`}</a>{` anstelle der lokalen IP Adresse verwenden. The following example only shows the use of the local IP.`}</p>\n    </blockquote>\n    <h3 {...{\n      \"id\": \"bearbeiten-der-html-seite\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h3\" {...{\n        \"href\": \"#bearbeiten-der-html-seite\",\n        \"aria-label\": \"bearbeiten der html seite 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>{`Bearbeiten der HTML-Seite`}</h3>\n    <p>{`Bitte laden Sie unser HTML-Paket herunter und entpacken Sie die ZIP-Datei. `}<a parentName=\"p\" {...{\n        \"href\": \"https://wiki.instar.com/dl/Developer/INSTAR_Video_in_Website_Flash.zip\"\n      }}>{`Die ZIP-Datei finden Sie hier`}</a>{`.`}</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\": \"690px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/de/static/f22cb60f432ea55d67f223ea7230824f/1e043/Stream_in_Website_Flash_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\": \"31.73913043478261%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA7ElEQVQY03WQwW6DMBBE/f9/1UsUqaeiYFpIIZDaYOxd2zjYmAZcpb1VyjvMaZ40GiKHEQGUVKMQcpRKSqXAudtkJ2vtuq4ppf0J5Nge87w7d0Nx7U5l9Zad2YmO1xq08D64m7PPIVWTfVbFe1mVZUUpzXNKs+yjoE1Tc8Y546i1McZaa4yZpsecvzTGECFbq0drJwAFCgBQwaOPqEEBIoYQYozOueA9IhpjNWo3uWWJ5PL6Ujdt8H7btvSUnTEW4+rnmTM+CqFRL8tC4HD44ry7tH6eU0rbtv175dfdAfH7fk8paa2Hoed9DwA/2VNQf7wUvXMAAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/f22cb60f432ea55d67f223ea7230824f/e4706/Stream_in_Website_Flash_01.avif 230w\", \"/de/static/f22cb60f432ea55d67f223ea7230824f/d1af7/Stream_in_Website_Flash_01.avif 460w\", \"/de/static/f22cb60f432ea55d67f223ea7230824f/679d2/Stream_in_Website_Flash_01.avif 690w\"],\n              \"sizes\": \"(max-width: 690px) 100vw, 690px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/f22cb60f432ea55d67f223ea7230824f/a0b58/Stream_in_Website_Flash_01.webp 230w\", \"/de/static/f22cb60f432ea55d67f223ea7230824f/bc10c/Stream_in_Website_Flash_01.webp 460w\", \"/de/static/f22cb60f432ea55d67f223ea7230824f/8efd0/Stream_in_Website_Flash_01.webp 690w\"],\n              \"sizes\": \"(max-width: 690px) 100vw, 690px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/f22cb60f432ea55d67f223ea7230824f/81c8e/Stream_in_Website_Flash_01.png 230w\", \"/de/static/f22cb60f432ea55d67f223ea7230824f/08a84/Stream_in_Website_Flash_01.png 460w\", \"/de/static/f22cb60f432ea55d67f223ea7230824f/1e043/Stream_in_Website_Flash_01.png 690w\"],\n              \"sizes\": \"(max-width: 690px) 100vw, 690px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/de/static/f22cb60f432ea55d67f223ea7230824f/1e043/Stream_in_Website_Flash_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>{`Laden Sie die Dateien herunter und entpacken Sie sie.`}</p>\n    <h3 {...{\n      \"id\": \"hinzufügen-des-h264-videostreams\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h3\" {...{\n        \"href\": \"#hinzuf%C3%BCgen-des-h264-videostreams\",\n        \"aria-label\": \"hinzufügen des h264 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 h.264-Videostreams`}</h3>\n    <p>{`Wenn Sie den h.264-Videostream in Ihrer Website verwenden möchten, öffnen Sie bitte die Datei `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`h264_video.html`}</code>{` und nehmen Sie die folgenden Änderungen für Ihre Kamera vor:`}</p>\n    <div {...{\n      \"className\": \"gatsby-highlight\",\n      \"data-language\": \"html\"\n    }}><pre parentName=\"div\" {...{\n        \"className\": \"language-html\"\n      }}><code parentName=\"pre\" {...{\n          \"className\": \"language-html\"\n        }}><span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span>{`html`}</span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`\n\t`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span>{`head`}</span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`\n\t\t`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span>{`title`}</span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`INSTAR HD und FullHD Kamera`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`</`}</span>{`title`}</span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`\n\t\n\t\t`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`<`}</span>{`embed`}</span>{` `}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`src`}</span><span parentName=\"span\" {...{\n              \"className\": \"token attr-value\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation attr-equals\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span>{`http://192.168.1.116:80/flash/StrobeMediaPlayback.swf`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` \n\t\t`}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`mode`}</span><span parentName=\"span\" {...{\n              \"className\": \"token attr-value\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation attr-equals\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span>{`flash`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` \t\n\t\t`}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`flashvars`}</span><span parentName=\"span\" {...{\n              \"className\": \"token attr-value\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation attr-equals\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span><span parentName=\"span\" {...{\n                \"className\": \"token entity named-entity\",\n                \"title\": \"&\"\n              }}>{`&amp;`}</span>{`src=rtmp://192.168.1.116:1935/flash/12:YWRtaW46aW5zdGFy`}<span parentName=\"span\" {...{\n                \"className\": \"token entity named-entity\",\n                \"title\": \"&\"\n              }}>{`&amp;`}</span>{`streamType=live`}<span parentName=\"span\" {...{\n                \"className\": \"token entity named-entity\",\n                \"title\": \"&\"\n              }}>{`&amp;`}</span>{`autoPlay=true`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` \n\t\t`}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`type`}</span><span parentName=\"span\" {...{\n              \"className\": \"token attr-value\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation attr-equals\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span>{`application/x-shockwave-flash`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` \n\t\t`}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`width`}</span><span parentName=\"span\" {...{\n              \"className\": \"token attr-value\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation attr-equals\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span>{`640`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` \n\t\t`}<span parentName=\"span\" {...{\n              \"className\": \"token attr-name\"\n            }}>{`height`}</span><span parentName=\"span\" {...{\n              \"className\": \"token attr-value\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation attr-equals\"\n              }}>{`=`}</span><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span>{`352`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`\n\t`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`</`}</span>{`body`}</span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span>{`\n`}<span parentName=\"code\" {...{\n            \"className\": \"token tag\"\n          }}><span parentName=\"span\" {...{\n              \"className\": \"token tag\"\n            }}><span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`</`}</span>{`html`}</span><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span></code></pre></div>\n    <p>{`In diesem Beispiel habe ich eine Kamera mit den folgenden Informationen hinzugefügt (bitte ändern Sie diese entsprechend Ihrer Kameraeinrichtung):`}</p>\n    <table>\n      <thead parentName=\"table\">\n        <tr parentName=\"thead\">\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}></th>\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}></th>\n        </tr>\n      </thead>\n      <tbody parentName=\"table\">\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`local IP address`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><code parentName=\"td\" {...{\n              \"className\": \"language-text\"\n            }}>{`192.168.1.116`}</code></td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`http port`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><code parentName=\"td\" {...{\n              \"className\": \"language-text\"\n            }}>{`80`}</code></td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`rtmp port`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><code parentName=\"td\" {...{\n              \"className\": \"language-text\"\n            }}>{`1935`}</code></td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`username`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><code parentName=\"td\" {...{\n              \"className\": \"language-text\"\n            }}>{`admin`}</code></td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`password`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><code parentName=\"td\" {...{\n              \"className\": \"language-text\"\n            }}>{`instar`}</code></td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`base64 login`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`admin:instar => `}<code parentName=\"td\" {...{\n              \"className\": \"language-text\"\n            }}>{`YWRtaW46aW5zdGFy`}</code></td>\n        </tr>\n      </tbody>\n    </table>\n    <p>{`Wie Sie in der Flash-Video-URL sehen können, müssen Sie die Benutzeranmeldung mit base64 kodieren. Dies kann auf der `}<a parentName=\"p\" {...{\n        \"href\": \"https://www.base64encode.org\"\n      }}>{`www.base64encode.org`}</a>{` Webseite gemacht werden:`}</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\": \"837px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/ddc81/Stream_in_Website_Flash_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\": \"79.13043478260869%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACmklEQVQoz52Q20sUURzH5y+I1Zewopceopck0SzpwUIjlFoDLaIeim5e2lDRzKxcreypgiIW7666au3FLcyUhQgvK1EpFmmZVKK4OzNnzpnrmdmZ2Z2YtkgKkfqcH4cvHD78zu9HHOvZfLBj3bVha20gvz5QUNCdZPPvvjpsveLPtremVz/Jqh7KqX6eUzV4oHIgq/xpps2fcd6746wn+ZwnmTjq2niib0vFwL6qZ/trhnJPube1BWtcbx/2tJye3WQZvJnfNfvANXGrc6LBGbzRNlbXOmJvGbE3v6xtenGdONK94WTvVpsno8S9s8yfWebfe9G3p3Igu9Szq6J1e6E7uciXWuhNKfallfjSin1pRd7UQk/Khf6MYl86cbgz4f5I6fzC4qeFufcz0x8/z8zOz0AeYFWQDCzrkqyJfxTWBFVXaHGJONSV2BEoF8em2MlpSVIkQZJELPCSgiO6GtVU/e9SVS2qGUikCWtXYmPARk9+WH43jTgO/gAh82ZWATAAQXaR/EJYnZb2N3WKakDhp7kmDGRYxC1RXwmrM6Fx/BLmFACo/5HbX9ViPgIY8M9yXofF+bpeFjQGArSC1UzzCUGO5Zeob+bMTeNVIpIhgnEHsSaCKAqCwPN8PMSRJByNRnVdN2IGi2nz247RCnoZIhbyPE+SJBkmSYpCCBmrEDNihmHwCkNY2xNagpcR4MNkiKIpiiQBbZ4wGZJlZQ05t9vimKrReANQkIMCoGiKpmlAk1QYQqSqqvIbWdM0U479kkvuru+7d9wd7O0fdXnHXSE6xLEcAxiEEAPM/WOMZVlWZEWSJFVVV8iQOONI6ryT97i5wd12+5HDHp6fEyTMsojnOJZlRVGMRCLxvvEgyzKWcURRaS70HfliC4/e7QxbAAAAAElFTkSuQmCC')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/6e8f8d344bec81de88f2b46f4f14b088/e4706/Stream_in_Website_Flash_02.avif 230w\", \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/d1af7/Stream_in_Website_Flash_02.avif 460w\", \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/60ad0/Stream_in_Website_Flash_02.avif 837w\"],\n              \"sizes\": \"(max-width: 837px) 100vw, 837px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/6e8f8d344bec81de88f2b46f4f14b088/a0b58/Stream_in_Website_Flash_02.webp 230w\", \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/bc10c/Stream_in_Website_Flash_02.webp 460w\", \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/a6125/Stream_in_Website_Flash_02.webp 837w\"],\n              \"sizes\": \"(max-width: 837px) 100vw, 837px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/6e8f8d344bec81de88f2b46f4f14b088/81c8e/Stream_in_Website_Flash_02.png 230w\", \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/08a84/Stream_in_Website_Flash_02.png 460w\", \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/ddc81/Stream_in_Website_Flash_02.png 837w\"],\n              \"sizes\": \"(max-width: 837px) 100vw, 837px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/de/static/6e8f8d344bec81de88f2b46f4f14b088/ddc81/Stream_in_Website_Flash_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    <p>{`Der Player wird dann von hier heruntergeladen:`}</p>\n    <ul>\n      <li parentName=\"ul\"><code parentName=\"li\" {...{\n          \"className\": \"language-text\"\n        }}>{`http://192.168.1.116:80/flash/StrobeMediaPlayback.swf`}</code></li>\n    </ul>\n    <p>{`Und verwendet den RTMP-Stream Ihrer Kameras:`}</p>\n    <ul>\n      <li parentName=\"ul\"><code parentName=\"li\" {...{\n          \"className\": \"language-text\"\n        }}>{`rtmp://192.168.1.116:1935/flash/12:YWRtaW46aW5zdGFy&amp;streamType=live&amp;autoPlay=true`}</code></li>\n    </ul>\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 stattdessen den MJPEG-Stream verwenden möchten, modifizieren Sie bitte die Datei `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`mjpeg_video.html`}</code>{` auf die gleiche Weise wie oben erklärt:`}</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.1.117:80'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</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          }}>{`11`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token comment\"\n          }}>{`// Videostream user 11 for 1280 x 720 pixel, 12 for 640 x 352 pixel and 13 for 320 x 176 pixel resolution`}</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\": \"890px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/4ef49/Stream_in_Website_Flash_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\": \"43.913043478260875%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABuklEQVQozy3L246aQACAYVLEvdimSRNRBLvMcBqGYZgDjAywiNi6rpsebGxjL5pe9P0fotHun+/2N9rHQbdD3Qyd3ul6W6p1U6m+UjUTmvGcsDRj+FWRZgW+YhlhhDDj8nK6HL9fjqdfu68bfVDNdqyHp6p7rofP7U6rrai2shpEOYhyI+SGi57dRAk3Doefx8P5+HwaP37rumMhOsrbjLe5eKSyy1mbFy2hDSY6yzWhTUabLG8IbWMkjB/j7jzuz+PT0O212lWqlaWWqqlUV+u+4JrxJi9qQteYVEHEopiHMYuRhEFm0O5LhtF87jjeynbdu/u3xhvTNK3/LGv6ajqdTCzTnJjmxLKmd9O7+3fvjYes9VagZLFC6TpGKowCz7Nte37Ltu3ZbGZfmy2cxXK59DzPdb2l4zzA0IhRzDkjGFc42deSh5ED4QpCCEAYhmVVSSnDMCyKIkniIAiSJIEQBkEIgG9QPbCCLVyXx+Hv/aib9m+MlO9/AABCWGvd9z1CiHPR9z1OUwAAIcT3fQCA4UcoCILZYo59/xMXpRB/0owDcJ0BpJQyzqIoStO0lBIhBCDAGINb/wAvN1nP1qiWBgAAAABJRU5ErkJggg==')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/9ca6910e0fa817c5ceed6475caca30f5/e4706/Stream_in_Website_Flash_03.avif 230w\", \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/d1af7/Stream_in_Website_Flash_03.avif 460w\", \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/ada94/Stream_in_Website_Flash_03.avif 890w\"],\n              \"sizes\": \"(max-width: 890px) 100vw, 890px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/9ca6910e0fa817c5ceed6475caca30f5/a0b58/Stream_in_Website_Flash_03.webp 230w\", \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/bc10c/Stream_in_Website_Flash_03.webp 460w\", \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/8d1ba/Stream_in_Website_Flash_03.webp 890w\"],\n              \"sizes\": \"(max-width: 890px) 100vw, 890px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/9ca6910e0fa817c5ceed6475caca30f5/81c8e/Stream_in_Website_Flash_03.png 230w\", \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/08a84/Stream_in_Website_Flash_03.png 460w\", \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/4ef49/Stream_in_Website_Flash_03.png 890w\"],\n              \"sizes\": \"(max-width: 890px) 100vw, 890px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/de/static/9ca6910e0fa817c5ceed6475caca30f5/4ef49/Stream_in_Website_Flash_03.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\": \"688px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/ebf47/Stream_in_Website_Flash_04.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\": \"64.34782608695653%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAC/0lEQVQoz03NW0/aAAAF4P4LXzY1us1ZL4vZTaWARVGcSBQQ56hYOgaF0nrDom2h0LUFYQU3FzVuiaAYCQwnmU/LpmbR+bDExMSfYuLlaXN72cl5OC9fDtDQ3NIGaVRaWA11wFCHVqVpfdxaV99YWV1bWV1b9V8rq2pu3a66VVVTXX2npvbu3Xv3gY7O7u4+U79pAGvXeg1GT88zzxNV68MnTS2PwMYH98Gm+obm+oZmsLH54VOou8/Wr+9Uw12mQeujVhUwn0ySFBWNRncz67GJScFPLod4DHWOoU4uFJblmCjJwmtRlKSI8HqODXFzcyGej8XjPw4PgXw+j2HYwsLCr5MTZGxMp9f7x8e1Wq1erw/SdDgcjsdjqVQqmUzIkhQM0mGeX1paWl5Zubq6ArLZLEmSwWDw59FRkKY7dbpRBOkxGLq6unw+H8MwEASZzWZFUWRZZlk2Go2ura1ls9mLiwuA53mWZVEUPTg4SKfTMAzb7XaTyaRWqxEEEUURhuH29nZRFGVZpmma47h/+ObZ5XIlk0m/318qlYrFosFgIAgCwzCVSjU0NOTxeMxmc29vL8dxoihOTU3Nzs5mMpn19fUbbLFYFEX5+jd7e3sWi8Xn801PT9tsNoqi3G43BEEDAwPDw8MTExM4jgcCgY2NjVwud4MJgsBx/Pj4eH9//+zszOv1OhwOQRBYlpUkyWg0qtXqwcFBjUbT1tYGgiCGYYVCIZ/P32BFUXQ63dbWVrlcPj09XVxcRBDE4/GQJDkzM8MwTCKRQFEUBMG6urqKioqRkZFCobC5uXl9fQ2USqWebv2bxHz58/b2p+KX8k5clhD7C9dLbJz0C9HIQjoVYlmnc4zwefuNfVarlaZpURQvLy+B3d3dV7jP4fJmt4rvVj6uZnLx1DubHX3uwEZd+GSQZSIiJ8hUYHY+vRgSZIZh3W631Wo9Pz8H9r5/S69mLO7A/Id8Klt6m9tRMiV/OIkzMSKcoIQ08XePjnPT8fdeRuIjEYqinE7nH/wbIDNfoTPCS+8AAAAASUVORK5CYII=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/e4706/Stream_in_Website_Flash_04.avif 230w\", \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/d1af7/Stream_in_Website_Flash_04.avif 460w\", \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/70482/Stream_in_Website_Flash_04.avif 688w\"],\n              \"sizes\": \"(max-width: 688px) 100vw, 688px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/a0b58/Stream_in_Website_Flash_04.webp 230w\", \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/bc10c/Stream_in_Website_Flash_04.webp 460w\", \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/01c7f/Stream_in_Website_Flash_04.webp 688w\"],\n              \"sizes\": \"(max-width: 688px) 100vw, 688px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/81c8e/Stream_in_Website_Flash_04.png 230w\", \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/08a84/Stream_in_Website_Flash_04.png 460w\", \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/ebf47/Stream_in_Website_Flash_04.png 688w\"],\n              \"sizes\": \"(max-width: 688px) 100vw, 688px\",\n              \"type\": \"image/png\"\n            }}></source>{`\n          `}<img parentName=\"picture\" {...{\n              \"className\": \"gatsby-resp-image-image\",\n              \"src\": \"/de/static/f87eeae6c3122373eaf7864e2d83a9b6/ebf47/Stream_in_Website_Flash_04.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>{`. Wenn Sie mit HTML nicht vertraut sind, empfehlen wir Ihnen, alle Dateien im gleichen Ordner neben der `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`index.html`}</code>{` Ihrer Website hochzuladen.`}</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/Stream_in_Website_HD_03_DE.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/Stream_in_Website_HD_03_DE.avif 230w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/d1af7/Stream_in_Website_HD_03_DE.avif 460w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/70e80/Stream_in_Website_HD_03_DE.avif 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/4c164a39e166ca5b5e58f53b795344d5/a0b58/Stream_in_Website_HD_03_DE.webp 230w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/bc10c/Stream_in_Website_HD_03_DE.webp 460w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/426ac/Stream_in_Website_HD_03_DE.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/Stream_in_Website_HD_03_DE.jpg 230w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/e41a8/Stream_in_Website_HD_03_DE.jpg 460w\", \"/de/static/4c164a39e166ca5b5e58f53b795344d5/29d31/Stream_in_Website_HD_03_DE.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/Stream_in_Website_HD_03_DE.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 danach tun müssen, ist eine dieser Dateien - `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`h264_video.html`}</code>{` oder `}<code parentName=\"p\" {...{\n        \"className\": \"language-text\"\n      }}>{`mjpeg_video.html`}</code>{` - 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","locationDE","locationEN","locationFR","crumbLabel","NavButtons","parentName","isMDXComponent"],"sourceRoot":""}