Zip library problem

Hi I am trying to add zip library but have a problem, how to fix that ?

I assume that you have downloaded a .zip file that contains a library but have you actually installed the library ?

In the IDE goto Sketch/Include Library in the menu and choose "Add ZIP Library". Navigate to the downloaded .zip file and select it

If you have not done that, or installed the library manually, then the library will not be available to be used in a sketch

error adding zip

Specified folder/zip file does not contain a valid library

Please post a link to where you downloaded the zip file from

Are you sure that is an Arduino library ?

Did you see this on the page that you linked to ?

This repository is no longer supported. Please refer to the following repository:W7500x_StdPeriph_Lib

I was trying both of them, the same error

The library seems to have nothing to do with Arduino

What are you trying to achieve with the library ?

this is the program

#include <Arduino_JSON.h>

//=============================================
//ESP32 WebSocket Server: potentiometer voltage
//=============================================
#include <WiFi.h>
#include <WebServer.h>
#include <WebSocketsServer.h>
//-----------------------------------------------

//-----------------------------------------------
WebServer server(80);
WebSocketsServer webSocket = WebSocketsServer(81);
//-----------------------------------------------
String JSONtxt;
//-----------------------------------------------
#include <webpage.h>
//-----------------------------------------------
void handleRoot()
{
  server.send(200,"text/html", webpageCont);
}
//====================================================================
void setup()
{
  Serial.begin(9600);

  WiFi.begin(ssid, password);
  while(WiFi.status() != WL_CONNECTED)
  {
    Serial.print("."); delay(500);  
  }
  WiFi.mode(WIFI_STA);
  Serial.print(" Local IP: ");
  Serial.println(WiFi.localIP());
  
  server.on("/", handleRoot);
  server.begin(); webSocket.begin();
}
//====================================================================
void loop() 
{
  webSocket.loop(); server.handleClient();

  String POTvalString = String(float(analogRead(A0))/1170.0);
  JSONtxt = "{\"POT\":\""+POTvalString+"\"}";
  webSocket.broadcastTXT(JSONtxt);
}

Header file "webpage.h":

//=====================
//HTML code for webpage
//=====================
const char webpageCont[] PROGMEM = 
R"=====(
<!DOCTYPE HTML>
<html>
<title>ESP32 WebSocket Server</title>
<!---------------------------CSS-------------------------->
<style>
    #dynRectangle
    {
        width:0px;
        height:12px;
        top: 9px;
        background-color: red;
        z-index: -1;
        margin-top:8px;
    }
    body   {background-color:rgba(128,128,128,0.322); font-family:calibri}
    h1     {font-size: 40px; color: black; text-align: center}
    h2     {font-size: 30px; color: blue}
    h3     {font-size: 17px; color:blue}
    div.h1 {background-color: whitesmoke;}
</style>
<!--------------------------HTML-------------------------->
<body>
    <h1><div class="h1">ESP32 WebSocket Server</div></h1>
    <h2>
        POT voltage: <span style="color:rgb(216, 3, 3)" id="POTvalue">0</span> V  
    </h2>
    <h3>
        0V &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; 3.5V
        <div id="dynRectangle"></div>
    </h3>
</body>
<!----------------------JavaScript------------------------>
<script>
  InitWebSocket()
  function InitWebSocket()
  {
    websock = new WebSocket('ws://'+window.location.hostname+':81/');
    websock.onmessage=function(evt)
    {
       JSONobj = JSON.parse(evt.data);
       document.getElementById('POTvalue').innerHTML = JSONobj.POT;
       var pot = parseInt(JSONobj.POT * 135);
       document.getElementById("dynRectangle").style.width = pot+"px";
    }
  }
</script>
</html>
)=====";

Your webpage.h file is not a library but simply a file containing html-code for a web page. Copy the file into your sketch folder and include it with

#include "webpage.h"

I cannot even see a file named WebServer.h on either of the Github links posted

I don't see any significance for the Github links in the sketch. WebServer.h is a library of the ESP32 kernel. And webpage.h simply defines html code.
I don't know about WebSocketsServer.h
Maybe this library is needed`?

@tom321: How did you get to the Github links?

I added it this way, error still there

The webpage.h you showed in #10 is very different from the webpage.h in the link. Only the name is the same ...
Which are you really using - and which do you really need?

Did you also change the include line as I showed in #12? Changing the <...> to “...” is necessary.

post #10 it is a main program, link it is for file webpage.h