This article details how a team tackled frequent video playback stutter on an internal learning platform by evaluating multiple player options, optimizing encoding parameters, adopting HLS streaming, and implementing a front‑end chunked upload workflow, ultimately reducing load times from several seconds to under one.
This guide walks through preparing the environment, installing ZLMediaKit and FFmpeg, configuring a Spring Boot backend with streaming services, and provides step‑by‑step usage instructions for pushing and playing live streams via RTMP, FLV, and HLS.
This article explains DRM fundamentals, the FairPlay workflow, key management methods using AVAssetResourceLoader and AVContentKeySession, tips for handling codec tags, and step‑by‑step guidance for downloading HLS videos with AVAssetDownloadTask and AVAggregateAssetDownloadTask on iOS.
HTTP Live Streaming (HLS) is Apple’s HTTP‑based media protocol that segments video into .ts files indexed by .m3u8 playlists, supporting adaptive bitrate, encryption, and CDN acceleration, and the article compares its features, workflow, VOD vs live modes, and how to generate segments with ffmpeg.
Adaptive Bitrate (ABR) streaming dynamically selects among multiple video representations using protocols like HLS, DASH, and CMAF, leveraging bandwidth predictions and buffer metrics to balance quality and re‑buffering, while evolving through hybrid, buffer‑based, rate‑based, and machine‑learning algorithms for optimal user experience.
This article details a solution for playing newly added drink videos on Android TV devices by converting large files into HLS streams, using service workers to cache each fragment in IndexedDB, and employing hls.js to enable seamless offline playback while managing memory constraints.
Live streaming faces challenges due to real‑time video transmission and heavy computation, but by using globally distributed edge servers, transcoding streams into multiple resolutions, segmenting them into short clips, packaging them into formats like HLS, caching via CDNs, and optionally storing them in the cloud, the process delivers video seamlessly to viewers and enables replay.
This article walks through the full process of delivering high‑quality 4K video at minimal cost by comparing storage providers, choosing Cloudflare R2 for its free outbound bandwidth, encoding with FFmpeg, packaging with HLS, uploading via rclone, and playing back with HLS.js or a custom web component.
This article walks through the complete process of capturing a Hikvision RTSP camera stream, converting it with FFmpeg, serving it via Nginx (including RTMP/HLS modules), and finally playing the HLS stream in a Vue 3 web page using video.js, while also providing installation scripts and performance tips.
This guide explains the HLS streaming protocol, its advantages and latency drawbacks, and provides step‑by‑step configurations for HTTPS‑based encryption, RTMP publishing, Nginx virtual hosts for HLS and key delivery, plus a Lua script that enforces domain and IP restrictions.
The article recaps Tubi’s eighth Elixir Meetup, detailing Horvo’s presentation on building a live HLS video streaming backend with Elixir, covering the system’s transcoder, scheduler, HLS server, encryption, ad‑insertion strategies, and why Elixir was chosen for high‑performance backend services.
Bilibili designed a self‑built live‑streaming P2P system that uses WebRTC DataChannels and a Tracker‑mediated handshake to exchange 60 KB MessagePack‑encoded HLS segment blocks among viewers, employing a free‑market task allocation to balance seeding and consumption, thereby significantly cutting CDN bandwidth costs.
This article explains the fundamentals of Apple's HTTP Live Streaming (HLS) protocol, covering how adaptive bitrate video is encoded into multiple renditions, organized via media and multivariant playlists, and how clients and servers coordinate playback in both on‑demand and live streaming scenarios.
This article explains common audio‑video streaming protocols such as RTMP and HLS, compares their use cases, then dives into WebRTC fundamentals, device detection, media capture, recording, connection setup, codec considerations, and how to display remote streams, providing a comprehensive guide for building real‑time web communication applications.
Bilibili migrated its massive live‑streaming infrastructure from RTMP/FLV to MPEG‑TS‑free HLS using fragmented MP4, designing clustered slicing, dynamic back‑source selection, 1‑second key‑frame segments, cache pre‑warming and replay playlists, thereby cutting start‑up latency, supporting modern codecs, DRM and future immersive audio features.
This article explains the background, challenges, and technical solutions for protecting video content using HLS encryption, DRM standards, key protection, and token-based authentication, highlighting the limitations of simple encryption and proposing a multi-layered approach for secure streaming across platforms.
This article explains a lightweight, loosely‑coupled solution for real‑time monitoring of HLS video playback in vehicle IoT, detailing how to embed device and session identifiers in HLS requests, modify M3U8 files, and collect statistics with NGINX Lua scripts.
Youku’s engineering team introduced two Low‑Latency HLS solutions—an Apple‑based LHLS using HTTP/2 extensions and a community‑driven chunked‑transfer variant—while detailing latency sources in traditional HLS and presenting six protocol‑level optimizations that together reduce end‑to‑end live‑stream delay to under two seconds.
This article explains a front‑end solution for generating on‑hover video frame previews by extracting frames from HLS streams using WebAssembly‑compiled FFmpeg, covering playlist parsing, TS decryption, WASM integration, canvas rendering, caching strategies, and performance considerations.
The article outlines core live‑streaming principles, workflow, and major protocols (RTMP, HLS, HTTP‑FLV), then examines Vivo’s product‑launch challenges—massive concurrency, QPS spikes, and content safety—and presents practical solutions such as multi‑level caching, circuit‑breaker degradation, token‑bucket rate limiting to ensure stable, high‑quality streaming.
This article explains the fundamentals of web‑based live streaming using HLS and HTTP‑FLV, compares their trade‑offs, and then dives into a detailed side‑by‑side analysis of Vue Composition API and React Hooks, highlighting implementation differences, performance considerations, and practical usage tips.
To meet the post‑COVID surge in K‑song live broadcasts, the team replaced high‑latency HLS with low‑latency HTTP‑FLV and built the cross‑platform kg‑player SDK—combining MSE, WASM, and WebGL decoding—to automatically adapt streams, reduce stutter, and support iOS/Android, improving performance and powering hundreds of thousands of daily views.
This guide shows how to containerize an Nginx‑RTMP live‑streaming service with Docker, add customizable watermarks, and split the stream to two cloud providers—one with watermark and one without—using ffmpeg, SSL, and HLS playback.
HJPlayer is a lightweight JavaScript library that enables browsers to play H264/AAC encoded FLV live and VOD streams as well as HLS streams by demuxing them into fragmented MP4 and feeding them through the Media Source Extensions API, offering both ES6 module and script tag integration.
The article outlines Tencent Classroom’s cloud VOD solution, detailing HLS streaming fundamentals, a Mongoose‑based local HTTP proxy with LFU caching and pre‑loading, performance optimizations for latency, buffering, security, and playback reliability, and common transcoding pitfalls with practical fixes, highlighting cloud migration benefits.
This article details how to replace WebRTC‑based multi‑audio streaming with HTTP‑FLV or HLS on the web, covering iOS Safari limitations, demuxing FLV, building ADTS headers, decoding with the Web Audio API, channel merging, and real‑time audio visualization using AnalyserNode.
This article explains streaming media fundamentals and compares major live‑streaming protocols—including RTMP, HTTP‑FLV, HLS, HDS, and MPEG‑DASH—detailing their architectures, workflow diagrams, MPD structure, segment handling, and practical steps for building a DASH demo with MP4Box and dash.js.
This article examines the challenges of adaptive bitrate selection in DASH and HLS streaming, compares traditional MPC and buffer‑based methods, and explains how deep reinforcement learning, specifically the Pensieve A3C model, addresses QoE optimization under uncertain network conditions.
Live streaming platforms increasingly rely on CDN technology to handle sudden traffic spikes, improve latency and stability, and support various streaming protocols such as RTMP, HLS, and FLV, with a detailed workflow that shows how broadcasters, schedulers, and viewers interact through edge nodes.
This article explains why live streaming platforms rely on Content Delivery Networks, describes the CDN architecture and workflow, and compares the main streaming protocols—RTMP, HLS, and FLV—highlighting their characteristics and impact on latency and stability.
This article introduces the fundamentals of web live streaming, covering typical workflows, video compression concepts, key quality metrics, comparisons of RTMP, RTP, HLS, flv.js and WebRTC, and practical implementation details for mini‑programs with code examples.
The Android app’s HLS video produced an electric‑like noise because FFmpeg’s av_find_best_stream mistakenly selected the second audio track in a dual‑stream file, a track lacking 1‑8 kHz frequencies, whereas iOS and PC used the correct first track; fixing requires publishing videos with a single audio track and adding detection tools.
This article walks through the complete web live‑streaming workflow—covering capture sources, video/audio processing, H.264 encoding, RTMP push, transcoding, CDN distribution, HLS playback, pseudo‑fullscreen tricks, adaptive sizing, playback detection, and a custom SDK—providing practical guidance for building robust live video experiences.
Tencent's cloud editing system transforms live‑stream post‑production by ingesting parallel low‑ and high‑bitrate streams, enabling real‑time, frame‑precise cuts, fuzzy seeking, and WYSIWYG effects via HLS and NPAPI, while eliminating traditional VOD transcoding delays and paving the way toward a full‑featured online editing platform.
This article explains why video encryption is essential for paid streaming services, compares anti‑hotlinking and true encryption methods, details the principles of stream‑media encryption, and provides a practical guide to implementing HLS encryption in browsers.
This article introduces essential live‑streaming terminology and outlines a step‑by‑step testing process—including test case design, execution, and verification—to ensure that a live streaming application launches and operates reliably.
This guide introduces St-load, a Linux‑based streaming load testing tool, and provides step‑by‑step instructions for installing, compiling, and using its RTMP, HTTP, and HLS testing features, including command‑line examples and parameter explanations for both push and pull scenarios.
This article provides a detailed walkthrough of building an iOS live‑streaming application, covering the end‑to‑end workflow from video/audio capture, encoding, and transmission to playback, while explaining key protocols, container formats, GPUImage processing, and code examples for developers.
This guide walks through the fundamentals of HLS and RTMP protocols, compares their trade‑offs, and provides step‑by‑step instructions for setting up an Nginx‑RTMP server, configuring HLS, recording with WebRTC, and playing live streams in HTML5 video tags.
This article examines Periscope’s live‑streaming architecture, detailing its use of RTMP and HLS protocols, CDN deployment, video/audio encoding choices, QoS measurements, latency, playback smoothness, and mobile power consumption, offering insights for engineers interested in large‑scale streaming systems.
This article walks through mobile video live streaming fundamentals, covering H5 playback, WebRTC recording, HLS streaming, RTMP server setup, iOS capture, user interaction features, and practical code examples to help front‑end engineers build robust live video solutions.
This article chronicles Hulu's video system evolution from a Flash‑based player to HLS/H264 multi‑platform support and finally to an MPEG‑DASH architecture, detailing technical choices, DRM challenges, workflow simplifications, and the comprehensive backend and monitoring infrastructure that enable seamless multi‑device streaming.
This article explains how modern live‑streaming works—from client video capture and cloud‑based SaaS platforms to the RTMP and HLS protocols that power real‑time delivery, and how developers can leverage open SDKs from providers like Baidu and Huawei.
The article details the progressive architectural decisions and technical solutions behind a real-time multi‑party audio/video streaming platform, covering format research, backend service design, protocol choices, codec selection, node topology redesign, and video integration to achieve low‑latency, cross‑platform communication.
