Tagged articles

screen recording

11 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.

JavaScriptMediaRecorderWeb API
0 likes · 7 min read
How to Build a Browser Screen Recorder with the MediaRecorder API
ByteFE
ByteFE
Jan 25, 2024 · Frontend Development

Building a Screen Recording Application with Electron, React, Vite, and FFmpeg

This tutorial walks through creating a desktop screen‑recording tool using Electron with a React‑Vite front‑end, Ant Design UI, IPC communication, system‑tray controls, draggable windows, and FFmpeg for capturing video in WebM, MP4, or GIF formats.

Ant DesignElectronFFmpeg
0 likes · 8 min read
Building a Screen Recording Application with Electron, React, Vite, and FFmpeg
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 ExtensionPrivacyReplayKit
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.

WebRTCrrwebscreen recording
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