{"version":3,"file":"component---src-pages-erweitert-webseiten-einbindung-hd-kamera-einbindung-active-x-index-mdx-346ea73fdd2e09c57822.js","mappings":"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","sources":["webpack://instar-wiki/./src/pages/Erweitert/Webseiten_Einbindung/HD_Kamera_Einbindung/ActiveX/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 Integration - HD Kameras ActiveX\",\n  \"path\": \"/Erweitert/Webseiten_Einbindung/HD_Kamera_Einbindung/ActiveX/\",\n  \"dateChanged\": \"2017-09-26\",\n  \"author\": \"Mike Polinowski\",\n  \"excerpt\": \"Fügen Sie das Live Video Ihrer Kamera in Ihre Webseite ein. Oder laden Sie Einzelbilder auf Ihren Webserver und binden Sie diese auf Ihrer Seite 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 Integration - HD Kameras ActiveX' dateChanged='2017-09-26' author='Mike Polinowski' tag='INSTAR IP Camera' description='Fügen Sie das Live Video Ihrer Kamera in Ihre Webseite ein. Oder laden Sie Einzelbilder auf Ihren Webserver und binden Sie diese auf Ihrer Seite 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} locationDE={props.location.pathname} locationEN='/en/Advanced_User/Website_Integration/HD_Camera_Integration/ActiveX/' locationFR='/fr/Advanced_User/Website_Integration/HD_Camera_Integration/ActiveX/' crumbLabel=\"Website\" mdxType=\"BreadCrumbs\" />\n \n    <NavButtons mdxType=\"NavButtons\" />\n    <h1 {...{\n      \"id\": \"webseiten-integration---hd-kameras-activex\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h1\" {...{\n        \"href\": \"#webseiten-integration---hd-kameras-activex\",\n        \"aria-label\": \"webseiten integration   hd kameras activex 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 - HD Kameras ActiveX`}</h1>\n    <h2 {...{\n      \"id\": \"integration-of-the-live-video-stream-in-your-website\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h2\" {...{\n        \"href\": \"#integration-of-the-live-video-stream-in-your-website\",\n        \"aria-label\": \"integration of the live video stream in your 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>{`Integration of the live video stream in your website`}</h2>\n    <p>{`There is two ways to integrate the HD video stream of your camera in your website.`}</p>\n    <ul>\n      <li parentName=\"ul\"><strong parentName=\"li\">{`h264`}</strong>{`: This method will use the H264 video stream of your camera. This will need a computer to have the Apple QuickTime Plugin installed. When using Internet Explorer an ActiveX Plugin will be needed.`}</li>\n      <li parentName=\"ul\"><strong parentName=\"li\">{`MJPEG`}</strong>{`: This method will work with every web browser. We will recommend you to use this way of integration to make sure the video stream of your camera can be displayed in any web browser.`}</li>\n    </ul>\n    <h3 {...{\n      \"id\": \"edit-the-html-page\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h3\" {...{\n        \"href\": \"#edit-the-html-page\",\n        \"aria-label\": \"edit the html page 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>{`Edit the HTML Page`}</h3>\n    <p><strong parentName=\"p\">{`Step 1`}</strong>{`: Please download our HTML package and unpack the ZIP file. The ZIP file can be found `}<a parentName=\"p\" {...{\n        \"href\": \"https://wiki.instar.com/dl/Developer/INSTAR_HD_Video_in_Website.zip\"\n      }}>{`here`}</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\": \"700px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/29d31/Stream_in_Website_HD_01_EN.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\": \"37.391304347826086%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAHABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAECBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHbgSwP/8QAFhABAQEAAAAAAAAAAAAAAAAAAAEh/9oACAEBAAEFAsSMf//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABUQAQEAAAAAAAAAAAAAAAAAABAx/9oACAEBAAY/Ao//xAAZEAADAAMAAAAAAAAAAAAAAAAAAREhUbH/2gAIAQEAAT8hVVdCc1E0P//aAAwDAQACAAMAAAAQDD//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPxBH/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAER/9oACAECAQE/EKys/8QAGRAAAwEBAQAAAAAAAAAAAAAAARExACGB/9oACAEBAAE/EALwLFSYbZgux7v/2Q==')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/a4352a4c05474310a2e5bba3c119ac8d/e4706/Stream_in_Website_HD_01_EN.avif 230w\", \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/d1af7/Stream_in_Website_HD_01_EN.avif 460w\", \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/70e80/Stream_in_Website_HD_01_EN.avif 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/a4352a4c05474310a2e5bba3c119ac8d/a0b58/Stream_in_Website_HD_01_EN.webp 230w\", \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/bc10c/Stream_in_Website_HD_01_EN.webp 460w\", \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/426ac/Stream_in_Website_HD_01_EN.webp 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/a4352a4c05474310a2e5bba3c119ac8d/e83b4/Stream_in_Website_HD_01_EN.jpg 230w\", \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/e41a8/Stream_in_Website_HD_01_EN.jpg 460w\", \"/de/static/a4352a4c05474310a2e5bba3c119ac8d/29d31/Stream_in_Website_HD_01_EN.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/a4352a4c05474310a2e5bba3c119ac8d/29d31/Stream_in_Website_HD_01_EN.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>{`Download and unzip the files.`}</p>\n    <p><strong parentName=\"p\">{`Step 2`}</strong>{`: If you want to integrate the H264 video stream in your website please open the file h264_video.html in order to make modifications for your camera.`}</p>\n    <p>{`In order to access your camera over the internet (PORTFORWARDING) or your internal network you have to fill in the DDNS or IP address of your camera. You will also need to type in the username and the password of your camera. Optional you can also select the video resolution which you want to display.`}</p>\n    <p>{`Please change the following parameters:`}</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 keyword\"\n          }}>{`var`}</span>{` url `}<span parentName=\"code\" {...{\n            \"className\": \"token operator\"\n          }}>{`=`}</span>{` `}<span parentName=\"code\" {...{\n            \"className\": \"token string\"\n          }}>{`'http://192.168.1.165:80'`}</span><span parentName=\"code\" {...{\n            \"className\": \"token punctuation\"\n          }}>{`;`}</span>{`\n\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 11 for 1280 x 720 pixel, 12 for 640 x 352 pixel and 13 for 320 x 176 pixel resolution`}</span>{`\n\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\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></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\": \"700px\"\n        }\n      }}>{`\n      `}<a parentName=\"span\" {...{\n          \"className\": \"gatsby-resp-image-link\",\n          \"href\": \"/de/static/e326cd42fd09b5595f7b0078876f04c3/29d31/Stream_in_Website_HD_02_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\": \"67.3913043478261%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDAQX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAB7rRY0mS//8QAFhABAQEAAAAAAAAAAAAAAAAAAhAx/9oACAEBAAEFAoqt/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8BR//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABQQAQAAAAAAAAAAAAAAAAAAACD/2gAIAQEABj8CX//EABoQAAICAwAAAAAAAAAAAAAAAAABMVEQEWH/2gAIAQEAAT8hU4kJ8Nqh6H//2gAMAwEAAgADAAAAEHQ//8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQMBAT8Qh//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAECAQE/EKr/xAAbEAEAAgIDAAAAAAAAAAAAAAABABFBYRAx0f/aAAgBAQABPxBUTCD3wgNmINmhnULvcCmk/9k=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/e326cd42fd09b5595f7b0078876f04c3/e4706/Stream_in_Website_HD_02_DE.avif 230w\", \"/de/static/e326cd42fd09b5595f7b0078876f04c3/d1af7/Stream_in_Website_HD_02_DE.avif 460w\", \"/de/static/e326cd42fd09b5595f7b0078876f04c3/70e80/Stream_in_Website_HD_02_DE.avif 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/e326cd42fd09b5595f7b0078876f04c3/a0b58/Stream_in_Website_HD_02_DE.webp 230w\", \"/de/static/e326cd42fd09b5595f7b0078876f04c3/bc10c/Stream_in_Website_HD_02_DE.webp 460w\", \"/de/static/e326cd42fd09b5595f7b0078876f04c3/426ac/Stream_in_Website_HD_02_DE.webp 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/e326cd42fd09b5595f7b0078876f04c3/e83b4/Stream_in_Website_HD_02_DE.jpg 230w\", \"/de/static/e326cd42fd09b5595f7b0078876f04c3/e41a8/Stream_in_Website_HD_02_DE.jpg 460w\", \"/de/static/e326cd42fd09b5595f7b0078876f04c3/29d31/Stream_in_Website_HD_02_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/e326cd42fd09b5595f7b0078876f04c3/29d31/Stream_in_Website_HD_02_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>{`Edit the h264_video.html file if you want to integrate the HD camera´s h.264 video stream.`}</p>\n    <p><strong parentName=\"p\">{`Step 3`}</strong>{`: If you want to integrate the MJPEG stream please modify the file mjpeg_video.html in the same way as explained in step 2 above.`}</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/451f4a2394c1f874c97d1c8e8e347655/29d31/Stream_in_Website_HD_MJPEG_02_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\": \"66.95652173913044%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAgADBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHuLNBjS//EABgQAAIDAAAAAAAAAAAAAAAAAAIQAAEh/9oACAEBAAEFAkV6in//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAY/Al//xAAaEAACAwEBAAAAAAAAAAAAAAAAAREhMRBh/9oACAEBAAE/IU7J8IMFSuaw/9oADAMBAAIAAwAAABBkL//EABURAQEAAAAAAAAAAAAAAAAAAAAh/9oACAEDAQE/EEf/xAAVEQEBAAAAAAAAAAAAAAAAAAAAIf/aAAgBAgEBPxBX/8QAGxABAAIDAQEAAAAAAAAAAAAAAQARQVGRMWH/2gAIAQEAAT8QcFDVXUFv2EA4RLAI1hggePYxPxuf/9k=')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/451f4a2394c1f874c97d1c8e8e347655/e4706/Stream_in_Website_HD_MJPEG_02_DE.avif 230w\", \"/de/static/451f4a2394c1f874c97d1c8e8e347655/d1af7/Stream_in_Website_HD_MJPEG_02_DE.avif 460w\", \"/de/static/451f4a2394c1f874c97d1c8e8e347655/70e80/Stream_in_Website_HD_MJPEG_02_DE.avif 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/451f4a2394c1f874c97d1c8e8e347655/a0b58/Stream_in_Website_HD_MJPEG_02_DE.webp 230w\", \"/de/static/451f4a2394c1f874c97d1c8e8e347655/bc10c/Stream_in_Website_HD_MJPEG_02_DE.webp 460w\", \"/de/static/451f4a2394c1f874c97d1c8e8e347655/426ac/Stream_in_Website_HD_MJPEG_02_DE.webp 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/451f4a2394c1f874c97d1c8e8e347655/e83b4/Stream_in_Website_HD_MJPEG_02_DE.jpg 230w\", \"/de/static/451f4a2394c1f874c97d1c8e8e347655/e41a8/Stream_in_Website_HD_MJPEG_02_DE.jpg 460w\", \"/de/static/451f4a2394c1f874c97d1c8e8e347655/29d31/Stream_in_Website_HD_MJPEG_02_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/451f4a2394c1f874c97d1c8e8e347655/29d31/Stream_in_Website_HD_MJPEG_02_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>{`Edit the mjpeg_video.html file if you want to integrate the HD camera´s MJPEG video stream.`}</p>\n    <h3 {...{\n      \"id\": \"upload-the-page-to-your-server\",\n      \"style\": {\n        \"position\": \"relative\"\n      }\n    }}><a parentName=\"h3\" {...{\n        \"href\": \"#upload-the-page-to-your-server\",\n        \"aria-label\": \"upload the page to your server 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>{`Upload the Page to your Server`}</h3>\n    <p><strong parentName=\"p\">{`Step 4`}</strong>{`: Now please use a FTP client in order to upload the files to your web space. In our example we are using the software `}<strong parentName=\"p\">{`FileZilla`}</strong>{`. If you are not so familiar with HTML we recommend you to upload all files in the same folder where your index.html file is located which is normally the main page of your website.`}</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>{`Edit the mjpeg_video.html file if you want to integrate the HD camera´s MJPEG video stream.`}</p>\n    <p><strong parentName=\"p\">{`Step 4.1`}</strong>{`: Afterwards all files should be in the same folder as shown below.`}</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/601c5552d01adb2f8d3a00a2e0b6f6ec/29d31/Stream_in_Website_HD_04_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\": \"45.65217391304348%\",\n              \"position\": \"relative\",\n              \"bottom\": \"0\",\n              \"left\": \"0\",\n              \"backgroundImage\": \"url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAJABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAIBBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAe1qiQf/xAAZEAACAwEAAAAAAAAAAAAAAAAAARARITH/2gAIAQEAAQUCSKRgux//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAWEAADAAAAAAAAAAAAAAAAAAABECD/2gAIAQEABj8Cgr//xAAcEAABBAMBAAAAAAAAAAAAAAAAATFBkRARIYH/2gAIAQEAAT8hQ3FDnEo8UMk4f//aAAwDAQACAAMAAAAQ8A//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/ED//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/ED//xAAcEAEAAQQDAAAAAAAAAAAAAAABABAhMUGhscH/2gAIAQEAAT8QsyJcEhOnmE1nwPJ0U//Z')\",\n              \"backgroundSize\": \"cover\",\n              \"display\": \"block\"\n            }\n          }}></span>{`\n  `}<picture parentName=\"a\">{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/e4706/Stream_in_Website_HD_04_DE.avif 230w\", \"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/d1af7/Stream_in_Website_HD_04_DE.avif 460w\", \"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/70e80/Stream_in_Website_HD_04_DE.avif 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/avif\"\n            }}></source><source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/a0b58/Stream_in_Website_HD_04_DE.webp 230w\", \"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/bc10c/Stream_in_Website_HD_04_DE.webp 460w\", \"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/426ac/Stream_in_Website_HD_04_DE.webp 700w\"],\n              \"sizes\": \"(max-width: 700px) 100vw, 700px\",\n              \"type\": \"image/webp\"\n            }}></source>{`\n          `}<source parentName=\"picture\" {...{\n              \"srcSet\": [\"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/e83b4/Stream_in_Website_HD_04_DE.jpg 230w\", \"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/e41a8/Stream_in_Website_HD_04_DE.jpg 460w\", \"/de/static/601c5552d01adb2f8d3a00a2e0b6f6ec/29d31/Stream_in_Website_HD_04_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/601c5552d01adb2f8d3a00a2e0b6f6ec/29d31/Stream_in_Website_HD_04_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>{`Edit the `}<strong parentName=\"p\">{`mjpeg_video.html`}</strong>{` file if you want to integrate the HD camera´s MJPEG video stream.`}</p>\n    <p><strong parentName=\"p\">{`Step 5`}</strong>{`: All you need to do is either to link the file `}<em parentName=\"p\">{`h264`}{`_`}{`video.html`}</em>{` or `}<em parentName=\"p\">{`mjpeg`}{`_`}{`video.html`}</em>{` in your website. If you are familiar with HTML you can also simply integrate the HTML code in an existing site in order to integrate the video stream in any of your existing websites.`}</p>\n    <p>{`In case of questions please feel free to contact us any time.`}</p>\n    <p><strong parentName=\"p\">{`UPDATE`}</strong>{`:`}</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 comment\"\n          }}>{`<!--\nMan muss den unten stehenden Codeteil so abändern das die IP Adresse die dort jetzt hinterlegt ist, auf die DDNS Adresse verweist inkl. Port unter der die Kamera aus dem Internet erreichbar ist. Dort wo http... steht, wird die DDNS Adresse gefolgt von dem HTTP Port verwendet. Beispiel: abcd12.ddns3-instar.de:8081\nDort wo rtmp://... steht, da müssen Sie den RTMP Port anstatt dem HTTP Port angeben. Wichtig ist, das man diesen Port ebenfalls frei gibt im Router. So müssen Sie dort also eine Portweiterleitung für den HTTP und eine für den RTMP Port haben. Der RTMP Port ist by default 1935, wenn Sie eine zweite Kamera nutzen, muss der Port auf z.B. 1936 erhöht werden. Beim RTMP Port ist es zudem ganz wichtig das der interne und externe Port bei der Portweiterleitung immer identisch sind. Wenn die Kamera also intern den Port 1936 hat, dann muss dieser auch von extern freigegeben werden.\nDes weiteren ist es wichtig, das man Benutzername und Passwort als Base64 Verschlüsselt abspeichert.\nIm Codebeispiel ist YWRtaW46dmFsbGE z.B. der Teil der die Base64 Codierung von Benutzer und Passwort wiederspiegelt. Dazu müssen Sie Benutzername:Passwort codieren. Also z.B. admin:instar\nWichtig ist das der Benutzername mit einem Doppelpunkt getrennt wird vom Passwort.\nSie finden im Internet viele Seiten dazu wenn Sie nach \"Base64 Encode\" suchen.\n-->`}</span>{`\n\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>{`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.2.125:80/flash/StrobeMediaPlayback.swf`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` `}<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>{` `}<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>{`960`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` `}<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>{`540`}<span parentName=\"span\" {...{\n                \"className\": \"token punctuation\"\n              }}>{`\"`}</span></span>{` `}<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.2.125: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>{` `}<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><span parentName=\"span\" {...{\n              \"className\": \"token punctuation\"\n            }}>{`>`}</span></span></code></pre></div>\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":""}