怎么改造实现内网穿透

弄了一个视力想要实现内网穿透不知道怎么做

 style>
  head>
  <body>
    <h1>ESP32-CAM wifi carh1>
    < img src="" id="photo" >
    <table>
      <tr><td colspan="3" align="center"><button class="button" onmousedown="toggleCheckbox('forward');" ontouchstart="toggleCheckbox('forward');" onmouseup="toggleCheckbox('stop');" ontouchend="toggleCheckbox('stop');">Leftbutton>td>tr>
      <tr><td align="center"><button class="button" onmousedown="toggleCheckbox('left');" ontouchstart="toggleCheckbox('left');" onmouseup="toggleCheckbox('stop');" ontouchend="toggleCheckbox('stop');">BackWordbutton>td><td align="center"><button class="button" onmousedown="toggleCheckbox('stop');" ontouchstart="toggleCheckbox('stop');">Stopbutton>td><td align="center"><button class="button" onmousedown="toggleCheckbox('right');" ontouchstart="toggleCheckbox('right');" onmouseup="toggleCheckbox('stop');" ontouchend="toggleCheckbox('stop');">Forwardbutton>td>tr>
      <tr><td colspan="3" align="center"><button class="button" onmousedown="toggleCheckbox('backward');" ontouchstart="toggleCheckbox('backward');" onmouseup="toggleCheckbox('stop');" ontouchend="toggleCheckbox('stop');">Rightbutton>td>tr>                        
    table>
    <button class="button" onmousedown="toggleCheckbox('LightOn');" ontouchstart="toggleCheckbox('LightOn');" >LightOnbutton>
    <button class="button" onmousedown="toggleCheckbox('LightOff');" ontouchstart="toggleCheckbox('LightOff');" >LightOffbutton>
   <script>
   function toggleCheckbox(x) {
     var xhr = new XMLHttpRequest();
     xhr.open("GET", "/action?go=" + x, true);
     xhr.send();
   }
   window.onload = document.getElementById("photo").src = window.location.href.slice(0, -1) + ":81/stream";
   //window.onload = "注意，视频的呈现是在81端口。如果你要内网穿透，则需要分别为80和81端口设置穿透，而且要修改这个位置才能正常显示图像。";
  script>
  body>
html>
)rawliteral";

static esp_err_t index_handler(httpd_req_t *req){
  httpd_resp_set_type(req, "text/html");
  return httpd_resp_send(req, (const char *)INDEX_HTML, strlen(INDEX_HT

img

你这玩意关c语言什么事