Tagged articles
10 articles
Page 1 of 1
JavaScript
JavaScript
Jul 12, 2025 · Frontend Development

How to Build a Browser Screen Recorder with the MediaRecorder API

This guide explains how to use the native MediaRecorder API to capture screen, audio, or canvas streams in the browser, walk through a three‑step implementation—getting the stream, recording it, and handling the output—and shares best practices for compatibility, MIME types, user permissions, resource cleanup, and performance.

BrowserJavaScriptMediaRecorder
0 likes · 7 min read
How to Build a Browser Screen Recorder with the MediaRecorder API
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Apr 3, 2023 · Mobile Development

Implementing System-wide Screen Recording with ReplayKit on iOS

The article explains how to implement iOS system‑wide screen recording using ReplayKit, covering its evolution, extension setup, sample‑buffer handling, communication between host app and extension, user‑friendly activation via RPSystemBroadcastPickerView, privacy‑mode safeguards, memory‑limit management, and practical tips for robust live streaming.

Broadcast ExtensionReplayKitScreen Recording
0 likes · 15 min read
Implementing System-wide Screen Recording with ReplayKit on iOS
政采云技术
政采云技术
Nov 9, 2021 · Frontend Development

An Overview of Web Screen Recording Techniques and Implementation

This article examines both perceptual and non‑perceptual web screen‑recording solutions, detailing WebRTC‑based capture, rrweb DOM recording, associated code examples, playback and live streaming methods, and discusses their suitable application scenarios and browser compatibility.

Screen RecordingWebRTCrrweb
0 likes · 14 min read
An Overview of Web Screen Recording Techniques and Implementation
ByteFE
ByteFE
Aug 23, 2021 · Frontend Development

Technical Exploration and Implementation of Cross‑Platform Web Screen Recording Using WebRTC, rrweb, and ffmpeg in Electron

This article presents a comprehensive technical analysis of cross‑platform web screen recording, covering strict business requirements, evaluation of rrweb, ffmpeg, and WebRTC solutions, detailed implementations for video and audio capture in Electron, handling of lock‑screen issues, WebM metadata fixes, memory‑usage constraints, and performance optimizations.

BlobCross‑PlatformMediaRecorder
0 likes · 49 min read
Technical Exploration and Implementation of Cross‑Platform Web Screen Recording Using WebRTC, rrweb, and ffmpeg in Electron
Baidu Intelligent Testing
Baidu Intelligent Testing
Dec 15, 2016 · Mobile Development

Measuring Android App Startup Time: ADB Commands, Screen Recording, and Code Instrumentation

Android applications often suffer from high battery drain, slow launches, and UI lag, so this article explains three practical methods—using ADB commands, screenrecord video analysis, and code instrumentation—to measure and analyze app startup time, with detailed steps, interpretation of timing metrics, and visual examples.

ADBAndroidInstrumentation
0 likes · 7 min read
Measuring Android App Startup Time: ADB Commands, Screen Recording, and Code Instrumentation