Tag

HLS

2 views collected around this technical thread.

Goodme Frontend Team
Goodme Frontend Team
Jun 3, 2025 · Fundamentals

What Is HLS? A Deep Dive into HTTP Live Streaming and Its Comparison with DASH

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 BitrateHLSHTTP Live Streaming
0 likes · 7 min read
What Is HLS? A Deep Dive into HTTP Live Streaming and Its Comparison with DASH
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Apr 18, 2025 · Backend Development

Adaptive Bitrate (ABR) Streaming: Concepts, Protocols, Challenges, and Algorithms

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.

ABRAdaptive BitrateBandwidth Prediction
0 likes · 12 min read
Adaptive Bitrate (ABR) Streaming: Concepts, Protocols, Challenges, and Algorithms
Goodme Frontend Team
Goodme Frontend Team
Mar 3, 2025 · Frontend Development

Enable Offline HLS Playback on Android TV with Service Workers

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.

Android TVFrontend DevelopmentHLS
0 likes · 8 min read
Enable Offline HLS Playback on Android TV with Service Workers
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 2, 2024 · Backend Development

Real‑Time RTSP Camera Streaming with FFmpeg, Nginx, and HLS for Web Integration

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.

HLSMedia ServerRTSP
0 likes · 16 min read
Real‑Time RTSP Camera Streaming with FFmpeg, Nginx, and HLS for Web Integration
Bitu Technology
Bitu Technology
Jun 1, 2023 · Backend Development

Elixir for Live HLS Video Streaming: Architecture and Implementation at Tubi

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.

Ad InsertionElixirHLS
0 likes · 9 min read
Elixir for Live HLS Video Streaming: Architecture and Implementation at Tubi
Bilibili Tech
Bilibili Tech
Nov 8, 2022 · Frontend Development

Design and Implementation of Bilibili's Self‑Developed Live Streaming P2P System Using WebRTC

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.

BrowserHLSMessagePack
0 likes · 16 min read
Design and Implementation of Bilibili's Self‑Developed Live Streaming P2P System Using WebRTC
Bilibili Tech
Bilibili Tech
Aug 19, 2022 · Backend Development

Bilibili's Engineering Practices for HLS (fMP4) Live Streaming

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.

CDNHLSbackend architecture
0 likes · 11 min read
Bilibili's Engineering Practices for HLS (fMP4) Live Streaming
JD Tech Talk
JD Tech Talk
Nov 3, 2021 · Information Security

HLS Encryption and DRM Techniques for Secure Video Delivery

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.

AESDRMDigital Rights Management
0 likes · 9 min read
HLS Encryption and DRM Techniques for Secure Video Delivery
Youku Technology
Youku Technology
Oct 14, 2021 · Operations

Low‑Latency HLS (LHLS) Solutions and Optimizations for Live Streaming

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.

CDNHLSLHLS
0 likes · 13 min read
Low‑Latency HLS (LHLS) Solutions and Optimizations for Live Streaming
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 29, 2020 · Frontend Development

How to Implement Dynamic Video Frame Preview in the Browser with WebAssembly and FFmpeg

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.

Frontend DevelopmentHLSVideo Frame Preview
0 likes · 19 min read
How to Implement Dynamic Video Frame Preview in the Browser with WebAssembly and FFmpeg
vivo Internet Technology
vivo Internet Technology
Dec 15, 2020 · Backend Development

Principles, Technologies, and Practical Solutions of Live Streaming – A Case Study of Vivo Product Launch

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.

HLSMedia ServerRTMP
0 likes · 19 min read
Principles, Technologies, and Practical Solutions of Live Streaming – A Case Study of Vivo Product Launch
Tencent Music Tech Team
Tencent Music Tech Team
Jul 7, 2020 · Frontend Development

Technical Overview of HLS and HTTP-FLV Live Streaming for K歌 Web Frontend

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.

HLSHTTP-FLVWasm
0 likes · 14 min read
Technical Overview of HLS and HTTP-FLV Live Streaming for K歌 Web Frontend
Huajiao Technology
Huajiao Technology
Jan 14, 2020 · Frontend Development

HJPlayer: A JavaScript Player for FLV and HLS Streams in the Browser

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.

HLSJavaScriptMedia Source Extensions
0 likes · 4 min read
HJPlayer: A JavaScript Player for FLV and HLS Streams in the Browser
Tencent Cloud Developer
Tencent Cloud Developer
Jan 10, 2020 · Cloud Computing

Tencent Classroom Cloud VOD HLS Playback Architecture and Optimization

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.

Cache OptimizationCloud VideoHLS
0 likes · 13 min read
Tencent Classroom Cloud VOD HLS Playback Architecture and Optimization
360 Tech Engineering
360 Tech Engineering
Sep 5, 2019 · Frontend Development

Implementing Multi‑Audio Stream Playback on Web with WebRTC, HTTP‑FLV/HLS and Web Audio API

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.

Audio VisualizationHLSHTTP-FLV
0 likes · 11 min read
Implementing Multi‑Audio Stream Playback on Web with WebRTC, HTTP‑FLV/HLS and Web Audio API
Huajiao Technology
Huajiao Technology
Jun 25, 2019 · Fundamentals

Understanding HLS Protocol and Apple’s Low‑Latency Extensions

This article explains the HTTP Live Streaming (HLS) protocol, its standard playlist and segment structure, the latency challenges of traditional HLS, and details Apple’s low‑latency HLS draft with five technical improvements, demo implementation, and a comparison to Periscope’s LHLS approach.

CDNHLSHTTP/2
0 likes · 19 min read
Understanding HLS Protocol and Apple’s Low‑Latency Extensions
360 Tech Engineering
360 Tech Engineering
Apr 10, 2019 · Cloud Computing

Applying CDN Technology to Live Streaming: Benefits, Workflow, and Common Streaming Protocols

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.

CDNHLSRTMP
0 likes · 5 min read
Applying CDN Technology to Live Streaming: Benefits, Workflow, and Common Streaming Protocols
360 Quality & Efficiency
360 Quality & Efficiency
Mar 22, 2019 · Cloud Computing

Applying CDN Technology to Live Streaming: Benefits, Workflow, and Protocols

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.

CDNContent Delivery NetworkHLS
0 likes · 6 min read
Applying CDN Technology to Live Streaming: Benefits, Workflow, and Protocols
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 8, 2018 · Frontend Development

Web Live Streaming Essentials: Protocols, Formats, and Mini‑Program Guide

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.

HLSMSERTMP
0 likes · 10 min read
Web Live Streaming Essentials: Protocols, Formats, and Mini‑Program Guide
Tencent Music Tech Team
Tencent Music Tech Team
Aug 17, 2018 · Mobile Development

Investigation and Resolution of Android Audio Playback Noise Issue in HLS Streams

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.

AndroidAudio PlaybackAudio Stream Selection
0 likes · 9 min read
Investigation and Resolution of Android Audio Playback Noise Issue in HLS Streams