@huddle01/web-core/README.md

The Huddle01 Javascript SDK offers a comprehensive suite of methods and event listeners that allow for seamless real-time audio and video communication with minimal coding required.

# Huddle01 Core SDK

![https://huddle01.app/images/Huddle01-Network.png](https://huddle01.app/images/Huddle01-Network.png)

<p align="center">
  <strong>People-powered
Communication</strong>
</p>

<h3 align="center">
  <a href="https://discord.com/invite/AZ5TRMMP55">Community</a>
  <span> · </span>
  <a href="https://huddle01.com/docs">Documentation</a>
</h3>


# Core SDK

The Huddle01 Vanilla JS SDK offers a comprehensive suite of methods and event listeners that allow for seamless real-time audio and video communication with minimal coding required.


## Installing the packages:

You can install the Huddle01 Vanilla JS SDK packages in two ways:

1. using the script tag: Add the following code snippet to the head of your HTML file: Replace with our CDN

    ```html
    <script src="https://unpkg.com/@huddle01/web-core@umd/dist/index.global.js"></script>
  
    <script>
    
    let client;
    
    // call this function in onclick of `join room` button
    const init = async () => {
      client = new HuddleWebCore.HuddleClient({
        projectId: "YOUR_PROJECT_ID",
        options: {
          activeSpeakers: {
            // Number of active speaker visible in the grid, by default 8
            size: 10,
          },
        },
      });
      const room = await client.joinRoom({
        roomId: "YOUR_ROOM_ID",
        token: "YOUR_ACCESS_TOKEN",
      });
    };
    </script>
    ```

2. using npm (or pnpm/bun): Run the following command in your terminal to install the package:

   ```bash
   npm install @huddle01/web-core
   ```

For more information head to https://huddle01.com/docs

💡 For any help reach out to us on
[Discord](https://discord.com/invite/AZ5TRMMP55)