{"version":3,"file":"component---src-pages-frequently-asked-question-wqhd-mqt-tv-5-websocket-client-index-mdx-fd6dd16d51194b8c548d.js","mappings":"yRAOaA,EAAe,CAC1B,MAAS,+BACT,KAAQ,2DACR,YAAe,aACf,OAAU,kBACV,QAAW,mEACX,MAAS,yBACT,OAAU,sCACV,IAAO,sDACP,QAAW,OACX,IAAO,sBAEHC,EAAc,CAClBD,gBAEIE,EAAY,UACH,SAASC,EAAUC,GAG9B,IAH+B,WACjCC,GAEDD,EADIE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GAER,OAAOC,EAAAA,EAAAA,IAACP,EAASQ,OAAAC,OAAA,GAAKV,EAAiBK,EAAK,CAAED,WAAYA,EAAYO,QAAQ,eAE5EH,EAAAA,EAAAA,IAACI,EAAAA,EAAS,CAACC,MAAM,+BAA+BC,YAAY,aAAaC,OAAO,kBAAkBC,IAAI,mBAAmBC,YAAY,mEAAmEC,MAAM,qCAAqCC,QAAQ,sCAAsCC,SAAUf,EAAMe,SAASC,SAAUV,QAAQ,eAC5UH,EAAAA,EAAAA,IAACc,EAAAA,EAAW,CAACC,WAAYlB,EAAMe,SAAUI,WAAYnB,EAAMe,SAASC,SAAUI,WAAW,8DAA8DC,WAAW,8DAA8DC,WAAW,OAAOhB,QAAQ,iBAE1PH,EAAAA,EAAAA,IAAA,MACE,GAAM,+BACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KACb,KAAQ,gCACR,aAAc,yCACd,UAAa,4BACZpB,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,iCAC1BpB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,UAAQoB,WAAW,KAAG,KAAe,uEACxCpB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,UAAQoB,WAAW,KAAG,KAAe,gQAAgQpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IAClT,KAAQ,qCAAmC,WAC3B,2CACpBpB,EAAAA,EAAAA,IAAA,MACE,GAAM,iDACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KACb,KAAQ,kDACR,aAAc,2DACd,UAAa,4BACZpB,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,mDAC1BpB,EAAAA,EAAAA,IAAA,mBACEA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,cAAY,4BAA6BpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IACjE,KAAQ,+DAA6D,eACjD,OAE1BpB,EAAAA,EAAAA,IAAA,iBAAWA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IACrB,KAAQ,oDAAkD,kBACnC,kIAAkIpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IACvK,KAAQ,oDAAkD,yBAC5B,cAAcpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IAC1D,KAAQ,qCAAmC,WAC3B,uDACpBpB,EAAAA,EAAAA,IAAA,mBACEA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,eAAapB,EAAAA,EAAAA,IAAA,UAAQoB,WAAW,KAAG,aAAuB,wFAAwFpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IAC1K,KAAQ,uDAAqD,wBAGnEpB,EAAAA,EAAAA,IAAA,MACE,GAAM,gBACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KACb,KAAQ,iBACR,aAAc,0BACd,UAAa,4BACZpB,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,kBAC1BpB,EAAAA,EAAAA,IAAA,8EAAwEA,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,IACrF,UAAa,iBAAe,cACN,+CAC1BpB,EAAAA,EAAAA,IAAA,MACE,GAAM,gBACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KACb,KAAQ,iBACR,aAAc,0BACd,UAAa,4BACZpB,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,kBAC1BpB,EAAAA,EAAAA,IAAA,iGAA2FA,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,IACxG,UAAa,iBAAe,eACL,6DAC3BpB,EAAAA,EAAAA,IAAA,OACE,UAAa,mBACb,gBAAiB,OAChBA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,MACf,UAAa,gBACZpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,MAChB,UAAa,eAAa,gBACTpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAChC,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,mBACA,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACjD,UAAa,iBAAe,uCACmB,0BACrCpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC3B,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,UACT,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACxC,UAAa,iBAAe,kDAC8B,2BAC/CpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC5B,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,WACR,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACzC,UAAa,iBAAe,wBACI,2BACrBpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC5B,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,YACP,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC1C,UAAa,iBAAe,wBACI,eACjCpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAChB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,mBACA,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACjD,UAAa,iBAAe,yCACqB,mBAC9CpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACpB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,yBACI,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACrD,UAAa,iBAAe,yDACqC,kBAC/DpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,cACL,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC5C,UAAa,iBAAe,4DACwC,qBAC/DpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACtB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,UACT,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACxC,UAAa,iBAAe,+DAC2C,eACxEpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAChB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,KACd,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,iBAAe,4DACwC,kBAClEpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,iBAAe,SACX,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACvC,UAAa,iBAAe,2DACuC,qBAC9DpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACtB,UAAa,kBAAgB,KAChB,iBAAiBpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC/C,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,OACZ,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACrC,UAAa,iBAAe,yDACqC,qBAC5DpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACtB,UAAa,kBAAgB,KAChB,iBAAiBpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC/C,UAAa,kBAAgB,KAChB,oBAAoBpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAClD,UAAa,kBAAgB,MAChBpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC9B,UAAa,gBAAc,uCACoB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACrE,UAAa,iBAAe,oDACgC,uBACrDpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACxB,UAAa,kBAAgB,KAChB,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OACnC,UAAa,gBAAc,mBACF,KAAKpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,OAC/C,UAAa,iBAAe,wEAEpCpB,EAAAA,EAAAA,IAAA,2HACAA,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,IAAO,8EACP,IAAO,mCAEXpB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,IAAO,8EACP,IAAO,mCAEXpB,EAAAA,EAAAA,IAAA,MACE,GAAM,uBACN,MAAS,CACP,SAAY,cAEbA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KACb,KAAQ,wBACR,aAAc,iCACd,UAAa,4BACZpB,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,cAAe,OACf,UAAa,QACb,OAAU,KACV,QAAW,MACX,QAAW,YACX,MAAS,OACRpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,MAChB,SAAY,UACZ,EAAK,oVACa,yBAC1BpB,EAAAA,EAAAA,IAAA,oFAA8EA,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,IAC3F,UAAa,iBAAe,aACP,uCACzBpB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,IAAO,8EACP,IAAO,mCAEXpB,EAAAA,EAAAA,IAAA,oCAA8BA,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,IAC3C,UAAa,iBAAe,eACL,qMAC3BpB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,IAAO,8EACP,IAAO,mCAEXpB,EAAAA,EAAAA,IAAA,4FAAsFA,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,IAChG,KAAQ,oDAAkD,cACvC,cAAcpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,IAClD,UAAa,iBAAe,iBACH,gFAAgFpB,EAAAA,EAAAA,IAAA,QAAMoB,WAAW,IAC1H,UAAa,iBAAe,gBACJ,WAC5BpB,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,IAAO,8EACP,IAAO,mCAEXpB,EAAAA,EAAAA,IAAA,qIACAA,EAAAA,EAAAA,IAAA,UAAGA,EAAAA,EAAAA,IAAA,OAAKoB,WAAW,IACf,IAAO,8EACP,IAAO,mCAEXpB,EAAAA,EAAAA,IAAA,WACEA,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,aAAW,SAErBpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OACbpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,yBAAuB,kBAEnCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,yBAAuB,kBAEnCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,yBAAuB,kBAEnCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,yBAAuB,kBAEnCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,yBAAuB,kBAEnCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,qBAElCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,qBAElCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,qBAElCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,qBAElCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,qBAElCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,qBAElCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,uBAAqB,gBAEjCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,uBAAqB,gBAEjCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,uBAAqB,gBAEjCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,uBAAqB,gBAEjCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,uBAAqB,gBAEjCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,uBAAqB,gBAEjCpB,EAAAA,EAAAA,IAAA,MAAIoB,WAAW,OAAKpB,EAAAA,EAAAA,IAAA,KAAGoB,WAAW,KAC9B,KAAQ,wBAAsB,kBAO5C,CAEA1B,EAAW2B,gBAAiB,C","sources":["webpack://instar-wiki/./src/pages/Frequently_Asked_Question/WQHD_MQTTv5_Websocket_Client/index.mdx"],"sourcesContent":["import * as React from 'react'\n /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n/* @jsx mdx */\nimport BreadCrumbs from 'components/Layout/BreadCrumbs';\nimport SEOHelmet from 'components/Layout/SEOHelmet';\nexport const _frontmatter = {\n \"title\": \"MQTTv5 Websocket HTML Client\",\n \"path\": \"/Frequently_Asked_Question/WQHD_MQTTv5_Websocket_Client/\",\n \"dateChanged\": \"2023-05-17\",\n \"author\": \"Mike Polinowski\",\n \"excerpt\": \"Is it possible to use MQTT to control my camera from my webpage?\",\n \"image\": \"../FAQ_SearchThumb.png\",\n \"social\": \"/images/Search/FAQ_SearchThumb.webp\",\n \"toc\": \"/images/Search/TOC_Icons/Wiki_Tiles_FAQs_white.webp\",\n \"chapter\": \"FAQs\",\n \"faq\": \"WQHD & UHD Cameras\"\n};\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n components,\n ...props\n}) {\n return \n\n \n \n \n

{`MQTTv5 Websocket HTML Client`}

\n

{`Q`}{`: Is it possible to use MQTT to control my camera from my webpage?`}

\n

{`A`}{`: The new Mosquitto MQTTv5 Broker that is pre-installed on your 2k+ WQHD (or higher) supports tunneling MQTT through a Websocket - this makes the powerful MQTT protocol web browser-native. All you need to do in your webpage is to embed the script from `}{`MQTT.js`}{` and connect it tour your MQTT Broker.`}

\n

{`Websocket-based MQTT Client INSTAR MQTT Camera`}

\n
\n

{`Download the Repository `}{`from Github`}{`.`}

\n
\n

{`Use `}{`the MQTTv5 API`}{` to control your INSTAR 2k+ WQHD (or higher) IP camera from an browser-native HTML webpage. This repository is a clone of the `}{`HiveMQ MQTT Webclient`}{` and uses `}{`MQTT.js`}{` to help you connect to your camera's MQTT broker.`}

\n
\n

{`Check Out`}{`: How to use the MQTTv5 Websocket API to control your INSTAR MQTT camera through an `}{`Elgato Streamdeck`}

\n
\n

{`How to use it`}

\n

{`Put this repository into your web server's web root and open the `}{`index.html`}{` file inside your web browser - that's it.`}

\n

{`Configuration`}

\n

{`To make using this client more convenient you can pre-configure the client with the `}{`./config.js`}{` file. Here you can add your broker configuration, e.g.:`}

\n 
{`mqtt_broker `}{`=`}{` `}{`'192.168.2.115'`}{` `}{`// IP address of your INSTAR camera`}{`\nmqtt_broker_ws_port `}{`=`}{` `}{`'1885'`}{` `}{`// Websocket MQTT server port your camera uses`}{`\nmqtt_broker_username `}{`=`}{` `}{`'admin'`}{` `}{`// MQTT broker login`}{`\nmqtt_broker_password `}{`=`}{` `}{`'instar'`}{` `}{`// MQTT broker login`}{`\nmqtt_lwt `}{`=`}{` `}{`'webclient/lwt'`}{` `}{`// last-will-topic for the web-client`}{`\nmqtt_lwt_msg `}{`=`}{` `}{`'{\"val\":\"offline\"}'`}{` `}{`// last-will-topic message payload for the web-client`}{`\nmqtt_prefix `}{`=`}{` `}{`'cameras/'`}{` `}{`// MQTT prefix you configured for the camera MQTT client`}{`\nmqtt_camera_id `}{`=`}{` `}{`'115/'`}{` `}{`// MQTT client ID you configured for the camera MQTT client`}{`\nmqtt_qos `}{`=`}{` `}{`1`}{` `}{`// Default Quality-of-Service setting for the web-client`}{`\nmqtt_retain `}{`=`}{` `}{`false`}{` `}{`// Default message retention setting for the web-client`}{`\nmqtt_sub_topic `}{`=`}{` mqtt_prefix `}{`+`}{` `}{`'#'`}{` `}{`// default MQTT topic subscription for the web-client`}{`\nmqtt_pub_topic `}{`=`}{` mqtt_prefix `}{`+`}{` mqtt_camera_id `}{`+`}{`'multimedia/privacy/region1/enable'`}{` `}{`// default MQTT publish topic for the web-client`}{`\nmqtt_pub_payload `}{`=`}{` `}{`'{\"val\":\"1\"}'`}{` `}{`// default MQTT publish topic message payload for the web-client`}
\n

{`The broker configuration here as the MQTT prefix and camera ID has to match your camera's MQTT configuration:`}

\n

\n

\n

{`Start the Web Client`}

\n

{`The web client should now be pre-configured and ready to use. Click on `}{`Verbinden`}{` to connect to your camera broker:`}

\n

\n

{`The configuration file `}{`./config.js`}{` already sets up a couple of buttons that you can try to see if you are able to reach and control your camera. Click to activate an privacy area and see it show up in your camera's live video:`}

\n

\n

{`Feel free to replace any of the pre-configured commands with commands from the `}{`MQTTv5 API`}{`. Use the `}{`Befehl senden`}{` area to quickly try out any command before creating a button for it in the `}{`./index.html`}{` file:`}

\n

\n

{`You can also add a MQTT Topic wildcard subscription to listen in to all commands that your camera is receiving/sending:`}

\n

\n \n\n ;\n}\n;\nMDXContent.isMDXComponent = true;\n "],"names":["_frontmatter","layoutProps","MDXLayout","MDXContent","_ref","components","props","_objectWithoutProperties","_excluded","mdx","Object","assign","mdxType","SEOHelmet","title","dateChanged","author","tag","description","image","twitter","location","pathname","BreadCrumbs","locationBC","locationEN","locationDE","locationFR","crumbLabel","parentName","isMDXComponent"],"sourceRoot":""}