diff --git a/data/tools.json b/data/tools.json index f948cc8..43bded8 100644 --- a/data/tools.json +++ b/data/tools.json @@ -3703,6 +3703,32 @@ "difficulty": "Medium", "status": "live" }, + { + "id": "webrtc-testing-studio", + "name": "WebRTC P2P Signal & Data Channel Testing Studio", + "shortDescription": "Interactive WebRTC playground to test peer connections, SDP offers/answers, ICE candidates, and DataChannel messaging.", + "longDescription": "## WebRTC P2P Signal & Data Channel Testing Studio\n\nA privacy-first client-side tool to test WebRTC peer connections, SDP negotiation, and DataChannel messaging.\n\n### Features\n\n- Auto-Loopback & Manual Signaling: Connect local WebRTC peers automatically in one click or perform manual SDP offer/answer exchanges\n- STUN & ICE Candidate Inspector: Test custom STUN server URLs and inspect gathered host, srflx, and relay ICE candidates\n- Live P2P DataChannel Playground: Send text and binary payloads with live round-trip latency (RTT) measurement\n- Connection State Diagnostics: Monitor real-time badges for signalingState, iceGatheringState, iceConnectionState, and connectionState\n- Persistent Dark/Light theme mode", + "category": "browser-network", + "tags": [ + "browser", + "datachannel", + "developer-tools", + "ice", + "networking", + "p2p", + "sdp", + "stun", + "turn", + "webrtc" + ], + "techStack": [ + "CSS3", + "HTML5", + "Vanilla JS" + ], + "difficulty": "Hard", + "status": "live" + }, { "id": "websocket-sse-sandbox", "name": "WebSocket & SSE Sandbox Client", diff --git a/tools/webrtc-testing-studio.html b/tools/webrtc-testing-studio.html new file mode 100644 index 0000000..9ff7a05 --- /dev/null +++ b/tools/webrtc-testing-studio.html @@ -0,0 +1,553 @@ + + + + + + + WebRTC P2P Signal & Data Channel Testing Studio — One File Tools + + + + + + + +
+
+ +
+

WebRTC P2P Testing Studio

+
+
+
+ + + + +
+
+ +
+ +
+
+ + +
+ +
+ + +
+
+ + +
+ +
+
+

Peer A (Initiator)

+
+ disconnected +
+
+ + + +
+ + +
+
+

Peer B (Responder)

+
+ disconnected +
+
+ + + +
+
+ + +
+
+

P2P DataChannel Chat & Latency Inspector

+ RTT: -- ms +
+ +
+
Click "Auto Loopback Connect" to establish live P2P DataChannel connection.
+
+ +
+ + + +
+
+
+ +
Copied to clipboard!
+ + + + diff --git a/tools/webrtc-testing-studio.png b/tools/webrtc-testing-studio.png new file mode 100644 index 0000000..2d978b5 Binary files /dev/null and b/tools/webrtc-testing-studio.png differ