Merge branch 'master' into amarantmeida-patch-4

Author: yashtandon113

docs/guides/clustering-and-scaling/kubernetes/kubernetes-services/installing-ams-on-aws-eks.md

@@ -13,95 +13,105 @@ You need to have the [AWS CLI software](https://docs.aws.amazon.com/cli/latest/u
 
 ## Step 1: Navigate to EKS Service
 
-After logging into AWS, search for the **EKS** service and find the **Elastic Kubernetes Service,** then click the **Add Cluster > Create** button.
+After logging into AWS, search for the **EKS** service and find the **Elastic Kubernetes Service,** then click the **Create Cluster** button and Select **Custom Configuration**.
 
-![image.png](@site/static/img/aws-eks/aws-eks-1.png)
+![image.png](https://github.com/user-attachments/assets/5100a760-00a0-41c0-899f-0eeadafd63bc)
 
 * * *
 
 ## Step 2: Name the Kubernetes Cluster
 
-After setting a name for the cluster, the Kubernetes version and Cluster Service Role should be selected. You can follow this link to create a [Cluster Service Role](https://docs.aws.amazon.com/eks/latest/userguide/service_IAM_role.html).
+After setting a name for the cluster, Cluster IAM Role should be selected. Then choose the Kubernetes version. You can follow this link to create a [Cluster Service Role](https://docs.aws.amazon.com/eks/latest/userguide/service_IAM_role.html).
+
+
+![image.png](https://github.com/user-attachments/assets/8d39835b-8ebf-4df4-ab69-ff88d19fdc1b)
 
-![image.png](@site/static/img/aws-eks/aws-eks-2.png)
 
 * * *
 
 ## Step 3: Configure Networking
 
-In this section, subnets under VPC and VPC should be selected and a security group should be created.
+In this section, subnets under VPC should be selected and a security group should be created.
+
+![image.png](https://github.com/user-attachments/assets/731ff942-e566-457c-95b7-de640f02fe09)
 
-![image.png](@site/static/img/aws-eks/aws-eks-3.png)
 
 * * *
 
 ## Step 4: Optionally Setup Logging
 
 You can activate the following options for logging.
 
-![image.png](@site/static/img/aws-eks/aws-eks-4.png)
+![image.png](https://github.com/user-attachments/assets/cc62d1d8-3cd1-4f2d-b9a3-eebcd1f87190)
+
 
 * * *
 
 ## Step 5: Select add-ons
 
 Follow this step with default selections.
 
-![image.png](@site/static/img/aws-eks/aws-eks-5.png)
+![image.png](https://github.com/user-attachments/assets/f553f9bd-34f0-4455-8c4f-1e3c96481d49)
+
 
 * * * 
 
-## Step 6: Select add-ons
+## Step 6: Configure add-on Settings
 
 Follow this step with default selections.
 
-![image.png](@site/static/img/aws-eks/aws-eks-6.png)
+![image.png](https://github.com/user-attachments/assets/0e5b9c7b-3e0c-42e5-a2a5-3720936ea96e)
+
 
 * * *
 
 ## Step 7: Create the Cluster
 
 Let’s confirm the configurations have been set correctly and create the cluster by clicking the **Create** button.
 
-![image.png](@site/static/img/aws-eks/aws-eks-7.png)
+
+
 
 * * *
 
 ## Step 8: Create a Node Group
 
 When your cluster’s status is changed from pending to active, click on the **Configuration > Compute** tab and click on the **Add Node Group** button.
 
-![image.png](@site/static/img/aws-eks/aws-eks-8-1.png)
+![image.png](https://github.com/user-attachments/assets/b650ca44-b77d-4568-975e-28cd2ee124f2)
+
 
 * * *
 
 Type your node name and create the [Node IAM Role](https://docs.aws.amazon.com/eks/latest/userguide/create-node-role.html).
 
-![image.png](@site/static/img/aws-eks/aws-eks-8-2.png)
+![image.png](https://github.com/user-attachments/assets/f0e20712-6e8f-4ed3-ae60-a07f626290ab)
+
 
 * * *
 
 ## Step 9: Scaling Configure 
 
 Click on the **Next** button after you configure the scaling of the **AMI type, Capacity type, Instance type, Disk and Node Group**.
 
-![image.png](@site/static/img/aws-eks/aws-eks-9.png)
+![image.png](https://github.com/user-attachments/assets/0d969172-ea61-4404-a1e4-7e1e37de7379)
+
 
 * * *
 
 ## Step 10: Select Subnets
 
 Select your subnets and click on the **Next** button.
 
-![image.png](@site/static/img/aws-eks/aws-eks-10.png)
+![image.png](https://github.com/user-attachments/assets/d3c3f032-9043-452f-81ac-9112670b849a)
+
 
 * * *
 
 ## Step 11: Create the Node Pool
 
 Finally, after checking the configurations, create the Node Pool by clicking on the **Create** button.
 
-![image.png](@site/static/img/aws-eks/aws-eks-11.png)
 
 * * *
 

docs/guides/developing-antmedia-server/circle-component-usage.md

@@ -3,38 +3,65 @@ title: Circle App Component Usage
 description: Embedding Circle Conference Application into webpage
 keywords: [Conference Application, Circle App, component usage, Ant Media Server Documentation, Ant Media Server Tutorials]
 sidebar_position: 5
-
 ---
 
 # Circle App Component Usage
 
-Circle is a self-hosted, open source video conferencing software solution built by Ant Media.  It can be deployed anywhere, both locally or in the cloud. 
+[Circle](https://github.com/ant-media/conference-call-application) is a self-hosted, open source video conferencing solution built by Ant Media that can be deployed anywhere.
+
+Locally or in the cloud. It delivers high quality video with ultra-low latency and supports up to 200 participants per room. If you're concerned about **privacy** or operating behind a **firewall**, this is the ideal solution.
+
+This guide shows you how to integrate Circle's frontend component into your existing web application, allowing you to embed a complete video conferencing interface directly into your webpage so users can join conferences without leaving your app.
+
+
+## Prerequisites
+
+- **Ant Media Enterprise Edition** 
+- **Node.js**: v20 LTS version
+- **NPM**: v9 or higher
 
-It offers the highest quality with the lowest latency, and it can accommodate up to 200 participants. If you are concerned about Privacy or being behind a firewall, this is the best solution for you.
+## Integration Steps
 
-This documentation will explain how you can integrate the Circle application into any existing webpage.
+1. Clone the [conference-call-application](https://github.com/ant-media/conference-call-application) repository:
+   ```bash
+   git clone https://github.com/ant-media/conference-call-application.git
+   ```
 
+2. Navigate to the react directory and install dependencies:
+   ```bash
+   cd conference-call-application/react
+   npm install --legacy-peer-deps
+   ```
 
+3. Build the application:
+   ```bash
+   npm run build
+   ```
 
-1. Clone [conference-call-application](https://github.com/ant-media/conference-call-application) repository.
-2. Install Node v20 LTS version and NPM v9
-3. Open terminal and go to react folder 
-4. Run ```npm install``` command
-5. Run ```npm run build``` command
-6. Go to build folder inside react folder
-7. Copy static folder, into your web application's path
-8. Open the HTML page that you wanted to add Circle App.
-9. Add CSS and JS files that we copy from conference-call-application/react/build folder into HTML header. NOTE: File names will change after every build process.
+4. Copy static assets:
+   - Go to the `build` folder inside the `react` directory
+   - Copy the entire `static` folder to your web application's public path
 
-```html
-<script defer="defer" src="./static/js/main.9c1bebc8.js"></script>
-<link href="./static/css/main.24ed3d1e.css" rel="stylesheet" />
-```
+5. Include CSS and JS files in your HTML header:
+   ```html
+   <script defer="defer" src="./static/js/main.9c1bebc8.js"></script>
+   <link href="./static/css/main.24ed3d1e.css" rel="stylesheet" />
+   ```
+   **Note**: File names change with each build. Check the actual filenames in your build folder.
 
-10. Add following div element into the section that you wanted to add Circle App
+6. Add the Circle component container to your webpage:
+   ```html
+   <div id="root" 
+        data-room-name="<room_name>" 
+        data-websocket-url="wss://<ip_address>:<port>/<application_name>/websocket" 
+        style="background-color: #001D1A; box-sizing: border-box; height: 480px; width: 640px; position: relative;">
+   </div>
+   ```
 
-```html
-<div id="root" data-room-name="<room_name>" data-websocket-url="wss://<ip_address>:<port>/<application_name>/websocket" style="background-color: #001D1A; box-sizing: border-box; height: 480; width: 640; position: relative;"></div>
-```
+7. Configure the parameters:
+   - Replace `<room_name>` with your desired room identifier
+   - Replace `<ip_address>` with your Ant Media Server IP address  
+   - Replace `<port>` with your server port (typically 5443 for HTTPS)
+   - Replace `<application_name>` with your application name
 
-11. Replace `room_name`, `ip_address`, `port` and `application_name` variables and it's ready to use.
+That's it! The Circle conference component will now render within your application, allowing users to join video conferences directly from your webpage.

docs/guides/installing-on-linux/ams-docker-compose-installation.md

@@ -0,0 +1,97 @@
+---
+title: Install with Docker Compose
+description: AMS Docker Compose Installation
+keywords: [Docker, Docker Compose, Ant Media Server Documentation, Ant Media Server Tutorials]
+sidebar_position: 7
+---
+
+To install the Ant Media Server standalone server using Docker Compose, follow the below step-by-step process.
+
+## 1. Download Docker File and Docker Compose File
+
+```bash
+wget https://raw.githubusercontent.com/ant-media/Scripts/master/docker/docker-compose.yml
+wget https://raw.githubusercontent.com/ant-media/Scripts/master/docker/Dockerfile_Process -O Dockerfile
+```
+
+## 2. Build Docker Image
+
+Download and save the Ant Media Server ZIP file in the same directory as the Dockerfile and Docker Compose file. Then run the docker compose build command from the command line.
+
+The AMS image will be created with name `antmedia-antmedia`.
+
+#### Enterprise Edition:
+
+You can get the AMS Enterprise Edition Zip file from your [Ant Media account](https://antmedia.io) after purchasing the license.
+
+For example, if the zip file name is `ant-media-server-enterprise-2.14.0-20250513_1544.zip`
+
+```bash
+docker-compose build --build-arg AntMediaServer=ant-media-server-enterprise-2.14.0-20250513_1544.zip
+```
+
+#### Community Edition:
+
+You can get the AMS Community Edition Zip file from the Ant Media Server [GitHub release page](https://github.com/ant-media/Ant-Media-Server/releases).
+
+For example, if the zip file name is `ant-media-server-community-2.14.0.zip`
+
+```bash
+docker-compose build --build-arg AntMediaServer=ant-media-server-community-2.14.0.zip
+```
+    
+## 3. Run Docker Container
+
+Now we have a Docker image with Ant Media Server. Run the Docker container with the below command:
+
+```bash
+docker-compose up -d
+```
+
+:::info
+By default, it uses the host network ports to reach but for example, in Mac OS, the⁣ `network=host` does not work so you can define the ports in the YML file.
+:::
+
+```yml
+version: "3.9"
+services:
+  antmedia:
+    build: 
+      context: ./
+      dockerfile: ./Dockerfile
+    container_name: antmedia
+    restart: unless-stopped
+    entrypoint: /usr/local/antmedia/start.sh
+    ports:
+      - "5080:5080"
+      - "1935:1935"
+```
+
+## 4. Volume
+
+**Optional:** If you would like to mount an existing volume, simply uncomment the below lines in the original yml file.
+
+:::info
+Please make sure that the indentation/alignment of the YML file content is correct; otherwise, it will cause issues
+:::
+
+```bash
+    network_mode: host
+    volumes:
+       - antmedia_vol:/usr/local/antmedia/
+ volumes:
+   antmedia_vol:
+     external: true
+     name:
+       antmedia_volume
+```
+
+After making the changes, run the same docker compose up command to run the container.
+
+## AMS Dashboard
+
+After the Docker container starts, reach out to `http://localhost:5080` or `http://host-IP:5080` to access the Ant Media Server dashboard.
+
+![](@site/static/img/docker-installation.webp)
+
+Check out [here](https://antmedia.io/docs/guides/publish-live-stream/webrtc/) to publish a WebRTC stream for testing.