Tag

webrtc

0 views collected around this technical thread.

php中文网 Courses
php中文网 Courses
Jun 10, 2025 · Backend Development

Build Real-Time Video Chat with PHP and WebRTC: Step-by-Step Guide

This tutorial walks you through creating a real-time video chat web app using PHP on the server side and WebRTC in the browser, covering environment setup, server code, client implementation, and how to run the application.

PHPReal‑Time CommunicationWeb Development
0 likes · 6 min read
Build Real-Time Video Chat with PHP and WebRTC: Step-by-Step Guide
Bilibili Tech
Bilibili Tech
Feb 7, 2025 · Frontend Development

Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding

The article explains how to build a WebRTC video‑call system using standard APIs, detailing signaling via SDP exchange, direct peer connections, the transition to a selective‑forwarding server that forwards streams efficiently, and employing a data channel for RPC‑based room and stream management across web, Android, iOS, and Windows clients.

Data ChannelSDPSelective Forwarding
0 likes · 16 min read
Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Dec 11, 2024 · Backend Development

How Simulcast Boosts WebRTC Video Quality and Scales Large Conferences

This article explains the Simulcast standard in WebRTC, compares it with transcoding and SVC, describes how an SFU rewrites RTP headers for seamless layer switching, outlines congestion detection using TWCC, and presents automated bandwidth allocation strategies to optimize video quality and reduce bandwidth in large‑scale meetings.

SFUSimulcastVideo Streaming
0 likes · 15 min read
How Simulcast Boosts WebRTC Video Quality and Scales Large Conferences
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Nov 29, 2024 · Frontend Development

WebRTC Audio‑Video Synchronization: Principles, Standards, and Implementation Details (Part 1)

The article explains WebRTC audio‑video synchronization by detailing the ITU‑R BT.1359‑1 standard, describing a synchronizer that computes target delays from desired and packet‑pair delays, applying bounded adjustments via sliding‑average filtering, and outlining a hardware method for measuring resulting latency.

NTPRTPReal‑Time Communication
0 likes · 11 min read
WebRTC Audio‑Video Synchronization: Principles, Standards, and Implementation Details (Part 1)
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Aug 19, 2024 · Fundamentals

How NACK and TWCC Keep WebRTC Streams Smooth and Low‑Latency

This article explains the QoS mechanisms NACK and TWCC used in WebRTC, detailing their packet‑loss detection, retransmission strategies, congestion‑control algorithms, and how they improve real‑time audio/video communication while minimizing bandwidth waste.

NACKQoSReal‑Time Communication
0 likes · 10 min read
How NACK and TWCC Keep WebRTC Streams Smooth and Low‑Latency
360 Smart Cloud
360 Smart Cloud
Jun 3, 2024 · Backend Development

Design and Performance Analysis of a Cascaded SFU Architecture for Video Conferencing (VCS)

The article presents a technical overview of a WebRTC‑based video conferencing system that employs a single‑SFU architecture, identifies scalability and latency challenges in large‑scale and global deployments, and proposes a cascaded SFU solution with detailed signaling, buffer management, and performance evaluation demonstrating improved load balancing and extensibility.

Cascaded ArchitectureReal‑Time CommunicationSFU
0 likes · 12 min read
Design and Performance Analysis of a Cascaded SFU Architecture for Video Conferencing (VCS)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 28, 2024 · Frontend Development

Implementing WebRTC Media Capture, Recording, and Real‑Time Speech Recognition in Web Applications

This article provides a comprehensive guide on using WebRTC, getUserMedia, and MediaRecorder to capture camera and microphone streams, perform screen capture, visualize audio, handle device and network checks, convert media formats, and integrate real‑time speech‑to‑text services, while sharing practical pitfalls and solutions.

AudioVisualizationMediaRecorderVideoCapture
0 likes · 22 min read
Implementing WebRTC Media Capture, Recording, and Real‑Time Speech Recognition in Web Applications
HelloTech
HelloTech
Mar 7, 2024 · Frontend Development

Implementation of Driver Authentication Video Capture Using WebRTC and RecordRTC

The project implements a cross‑platform driver authentication video capture module by using WebRTC to access rear‑facing cameras, RecordRTC to record a five‑second clip with custom constraints, and uploading the resulting Blob to Alibaba Cloud OSS for OCR, ensuring consistent functionality across native apps, mini‑programs, and external H5 pages.

Front-endH5JavaScript
0 likes · 10 min read
Implementation of Driver Authentication Video Capture Using WebRTC and RecordRTC
php中文网 Courses
php中文网 Courses
Feb 28, 2024 · Backend Development

Implement Real-Time Video Chat with PHP, Swoole WebSocket, and WebRTC

This tutorial explains how to build a real‑time video chat application using PHP with the Swoole WebSocket extension and WebRTC, covering environment setup, server and client code, and steps to run the system.

BackendPHPSwoole
0 likes · 6 min read
Implement Real-Time Video Chat with PHP, Swoole WebSocket, and WebRTC
Bilibili Tech
Bilibili Tech
Jan 2, 2024 · Frontend Development

WebRTC Testing and Quality Assurance for Live Streaming

Bilibili’s senior test engineer outlines a comprehensive WebRTC quality‑assurance strategy that validates client SDK modules, signaling and media servers, conducts functional, regression and weak‑network testing, monitors performance metrics on both client and server, and correlates QoS data with user‑centric QoE indicators to ensure seamless live‑streaming experiences.

Live Streamingnetwork simulationperformance
0 likes · 17 min read
WebRTC Testing and Quality Assurance for Live Streaming
360 Smart Cloud
360 Smart Cloud
Nov 21, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage

This article provides a comprehensive overview of WebRTC's MediaStream and RTCPeerConnection APIs, explaining core concepts such as tracks, sources, sinks, device enumeration, media constraints, bitrate and resolution settings, compatibility considerations, screen sharing, content hints, and the step‑by‑step workflow for establishing a peer‑to‑peer connection in the browser.

Browser APIsJavaScriptMediaStream
0 likes · 15 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 31, 2023 · Frontend Development

User Behavior Recording Techniques: Video, Screenshot, and DOM Snapshot (rrweb) Comparison and Implementation

This article examines various user behavior recording methods—including WebRTC video capture, canvas-based screenshot recording, and DOM snapshot recording with rrweb—detailing their technical implementations, advantages, limitations, and suitable application scenarios for product analysis, debugging, and automated testing.

frontendrecordingrrweb
0 likes · 28 min read
User Behavior Recording Techniques: Video, Screenshot, and DOM Snapshot (rrweb) Comparison and Implementation
Architecture Digest
Architecture Digest
Sep 5, 2023 · Frontend Development

Anonymous Chat Room – A LiveKit and Next.js Based Anonymous Chat Application

This article introduces the open‑source "anonymous‑chat‑room" project built with LiveKit and Next.js, outlines its key features such as text, voice, video, emoji support and screen recording, and provides step‑by‑step instructions for local deployment and online access.

DeploymentLiveKitNext.js
0 likes · 3 min read
Anonymous Chat Room – A LiveKit and Next.js Based Anonymous Chat Application
360 Quality & Efficiency
360 Quality & Efficiency
Sep 1, 2023 · Operations

WebRTC Stress Testing Methodology and Findings for 300 Concurrent Connections

This article describes a comprehensive approach to stress‑testing a WebRTC SFU service with 300 concurrent connections, covering client generation via Playwright, monitoring setup, test execution, encountered issues, tuning steps, and final performance conclusions.

Performance MonitoringPlaywrightSFU
0 likes · 12 min read
WebRTC Stress Testing Methodology and Findings for 300 Concurrent Connections
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 20, 2023 · Frontend Development

WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough

This article provides a comprehensive beginner‑friendly guide to WebRTC, covering its definition, development history, application scenarios, core components, signaling server setup with Node.js and Socket.io, media negotiation, ICE candidate handling, STUN/TURN traversal, and complete code examples for building one‑to‑one real‑time audio/video communication.

ICEReal‑Time CommunicationSTUN
0 likes · 20 min read
WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Jul 21, 2023 · Frontend Development

Audio Architecture and Quality Optimization in WebRTC: Devices, 3A Processing, Codec, NetEQ and Scenario‑Based Solutions

The article explains WebRTC’s audio pipeline—from device capture through hardware or software 3A (AEC, ANS, AGC), Opus codec selection, and NetEQ jitter‑buffer handling—detailing how device specifics and scenario‑based configurations (live streaming, meetings, education, watch‑together) affect quality and why pure‑software 3A is emerging as the preferred future solution.

3AAudio ProcessingNetEQ
0 likes · 29 min read
Audio Architecture and Quality Optimization in WebRTC: Devices, 3A Processing, Codec, NetEQ and Scenario‑Based Solutions
360 Tech Engineering
360 Tech Engineering
Jun 6, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide

This article provides a comprehensive overview of WebRTC’s MediaStream and RTCPeerConnection APIs, covering concepts such as sources, sinks, tracks, device enumeration, media constraints, resolution and bitrate settings, compatibility issues, screen sharing, content hints, and step‑by‑step connection establishment for real‑time communication in browsers.

Browser APIsJavaScriptMediaStream
0 likes · 13 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide
php中文网 Courses
php中文网 Courses
Jun 4, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This tutorial demonstrates how to combine Swoole's high‑performance PHP WebSocket server with WebRTC's browser‑based real‑time audio/video capabilities, covering server setup, client media capture, video segmentation with FFmpeg, and complete code examples to build a functional live‑streaming application.

FFmpegJavaScriptLive Streaming
0 likes · 6 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole
php中文网 Courses
php中文网 Courses
May 21, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This tutorial explains how to create a live audio/video streaming application by combining WebRTC for browser‑based media capture with a high‑performance Swoole WebSocket server, including code examples, video segmentation with FFmpeg, and a reference to a detailed course.

FFmpegJavaScriptLive Streaming
0 likes · 5 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole
php中文网 Courses
php中文网 Courses
Apr 21, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This article demonstrates how to combine Swoole's high‑performance WebSocket server with WebRTC to create a real‑time audio/video live streaming application, covering server setup, client media capture, video segmenting with FFmpeg, and providing complete code examples for each step.

FFmpegJavaScriptLive Streaming
0 likes · 6 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole