{"id":20137295,"url":"https://github.com/f2rkan/webrtc-core","last_synced_at":"2026-04-12T00:33:23.880Z","repository":{"id":255192564,"uuid":"848811172","full_name":"f2rkan/webrtc-core","owner":"f2rkan","description":"A WebRTC Control Panel that allows users to send and receive video streams via a user-friendly interface. This project includes features to manage ICE candidates, configure video resolution and frame rate, and handle NAT type detection for enhanced communication quality.","archived":false,"fork":false,"pushed_at":"2024-08-28T13:12:56.000Z","size":8,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T22:45:08.460Z","etag":null,"topics":["cors","express-js","javascript","nodejs","video-streaming","webrtc"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/f2rkan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-28T12:59:15.000Z","updated_at":"2024-08-28T14:59:31.000Z","dependencies_parsed_at":"2024-08-28T14:37:23.301Z","dependency_job_id":"3cdf8341-c973-4390-b143-639d987fbcd2","html_url":"https://github.com/f2rkan/webrtc-core","commit_stats":null,"previous_names":["f2rkan/webrtc-core"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/f2rkan/webrtc-core","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/f2rkan%2Fwebrtc-core","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/f2rkan%2Fwebrtc-core/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/f2rkan%2Fwebrtc-core/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/f2rkan%2Fwebrtc-core/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/f2rkan","download_url":"https://codeload.github.com/f2rkan/webrtc-core/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/f2rkan%2Fwebrtc-core/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268689646,"owners_count":24291078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-04T02:00:09.867Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cors","express-js","javascript","nodejs","video-streaming","webrtc"],"created_at":"2024-11-13T21:26:28.695Z","updated_at":"2026-04-12T00:33:18.810Z","avatar_url":"https://github.com/f2rkan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# WebRTC Project\n\nThis project demonstrates a WebRTC connection between two HTML pages (`index.html` and `index2.html`). It is designed for debugging and understanding the fundamentals of WebRTC step by step. \n\n## Table of Contents\n\n- [Overview](#overview)\n- [Technical Explanation](#technical-explanation)\n- [Project Setup](#project-setup)\n- [How to Run the Project](#how-to-run-the-project)\n- [Usage Instructions](#usage-instructions)\n- [Browser Compatibility](#browser-compatibility)\n- [Debugging Tools](#debugging-tools)\n\n## Overview\n\nThe project involves establishing a peer-to-peer video connection using WebRTC. It includes functionalities to send offers, receive answers, manage ICE candidates, and dynamically change video resolutions.\n\n## Technical Explanation\n\n### Key WebRTC Concepts\n\n1. **PeerConnection**: The main object used to connect two peers (clients). It handles the connection and media streaming.\n2. **ICE Candidates**: Interactive Connectivity Establishment (ICE) candidates are network information that help establish a connection between peers. They are crucial for NAT traversal.\n3. **Data Channel**: A bi-directional channel that allows the transfer of arbitrary data between peers.\n4. **Session Description Protocol (SDP)**: A format used to describe multimedia communication sessions, including codec, format information, and network data.\n\n### Flow of the Application\n\n1. **Offer and Answer**: The connection is initiated by sending an offer from `index.html`. The offer is received by `index2.html`, which responds with an answer.\n2. **ICE Candidates Exchange**: After the answer is received, ICE candidates are exchanged between the two pages to establish the best possible connection.\n3. **Video Streaming**: Once the connection is established, video from `index.html` is streamed to `index2.html`.\n4. **Dynamic Resolution Change**: The user can change the video resolution between 640p and 1080p using buttons provided in the interface.\n\n## Project Setup\n\nTo set up the project, ensure you have [Node.js](https://nodejs.org/) installed on your machine. The following packages are required:\n\n- **Express**: A minimal and flexible Node.js web application framework.\n- **CORS**: A package to enable Cross-Origin Resource Sharing.\n\n1. Navigate to the directory where your `server.js` file is located:\n   \n   ```bash\n   cd path/to/your/project/server\n   ```\n\n2. Install the required packages with:\n\n   ```bash\n   npm install express cors\n   ```\n\n## How to Run the Project\n\n1. Ensure you are in the `server` directory:\n\n   ```bash\n   cd server\n   ```\n\n2. Start the server:\n\n   ```bash\n   node server.js\n   ```\n\n3. Open two browser tabs. In the first tab, open `index.html` located in the `frontend1` directory. In the second tab, open `index2.html` located in the same directory.\n\n## Usage Instructions\n\n1. In `index.html`, click the **Send Offer** button to initiate the WebRTC connection.\n2. Switch to `index2.html` and click the **Get Answer** button to receive the offer and respond with an answer.\n3. Back in `index.html`, click **Send ICE Candidate** to send your ICE candidate to the server.\n4. In `index2.html`, click **Get ICE Candidate** to retrieve the ICE candidate from the server and add it to your connection.\n5. You can get your ICE candidates in `index.html` by clicking the **Get ICE Candidate** button.\n6. Once connected, if you want to change the video resolution to 1080p, click the **1080p** button in `index2.html`. \n7. In `index.html`, click the corresponding button to adjust the video resolution.\n\n## Browser Compatibility\n\nThis project has been developed and tested primarily in **Google Chrome**. Connection issues may arise when using other browsers. It's advisable to use Chrome for the best experience.\n\n## Debugging Tools\n\nYou can monitor the WebRTC connection status and view detailed logs using the built-in WebRTC Internals in Chrome. Access it by navigating to `chrome://webrtc-internals/` in your browser.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ff2rkan%2Fwebrtc-core","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ff2rkan%2Fwebrtc-core","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ff2rkan%2Fwebrtc-core/lists"}