Author

Tencent Music Tech Team

Public account of Tencent Music's development team, focusing on technology sharing and communication.

141

Articles

Likes

368

Views

Comments

Latest from Tencent Music Tech Team

100 recent articles max

Tencent Music Tech Team

Aug 15, 2023 · Mobile Development

Audio‑Video Synchronization Techniques and ExoPlayer Implementation Details

The article explains audio‑video synchronization fundamentals, user tolerance limits, four sync strategies, and then details ExoPlayer’s audio‑master architecture—two clocks, media‑clock selection, frame‑dropping logic, and how to inject custom clocks—while also addressing Android AudioTrack jitter and work‑arounds.

AndroidAudio-Video SyncExoPlayer

0 likes · 20 min read

Audio‑Video Synchronization Techniques and ExoPlayer Implementation Details

Tencent Music Tech Team

May 9, 2023 · Mobile Development

Optimizing Animated Image Loading on iOS: Practices and Performance Comparison

The article explains how iOS’s lack of native GIF/WebP support leads to crashes when decoding all frames, and describes an optimized per‑frame loading component (QMAnimatedImageView) that uses CADisplayLink, NSCache, downsampling and memory‑limit tuning to dramatically reduce CPU, memory usage and jank while preserving smooth animation.

Animated ImagesQMAnimatedImageViewSDWebImage

0 likes · 22 min read

Optimizing Animated Image Loading on iOS: Practices and Performance Comparison

Tencent Music Tech Team

Jan 4, 2022 · Big Data

Elasticsearch Fundamentals: Architecture, Indexing, Query DSL and Search Mechanics

Elasticsearch is a distributed, schemaless search engine built on Lucene that stores JSON documents in sharded indexes, uses immutable segments and merges, provides a flexible Query DSL with aggregations and relevance scoring, and executes distributed query‑then‑fetch searches with features like scrolling, optimistic locking, and zero‑downtime reindexing.

AnalyzersElasticsearchIndexing

0 likes · 26 min read

Elasticsearch Fundamentals: Architecture, Indexing, Query DSL and Search Mechanics

Tencent Music Tech Team

Nov 17, 2021 · Mobile Development

Understanding Flutter Routing and Navigation Management

Flutter’s navigation system uses a stateful Navigator widget that manages a stack of Route objects—such as OverlayRoute, TransitionRoute, ModalRoute, PageRoute, and PopupRoute—while an Overlay mirrors this stack with OverlayEntry widgets and the internal _Theatre component efficiently renders on‑stage and off‑stage pages.

Cross-PlatformFlutterOverlay

0 likes · 9 min read

Understanding Flutter Routing and Navigation Management

Tencent Music Tech Team

Nov 13, 2021 · Mobile Development

iOS Page Display and Logic: MVC Design Pattern and ViewController Management

The article explains how iOS uses the MVC pattern and ViewController hierarchy—distinguishing content and container controllers such as UINavigationController—to manage page display, navigation stacks, custom transitions, state restoration, and memory handling, enabling complex multi‑level navigation and functional implementation.

MVCUINavigationControllerViewController

0 likes · 9 min read

iOS Page Display and Logic: MVC Design Pattern and ViewController Management

Tencent Music Tech Team

Nov 10, 2021 · Mobile Development

Android Routing Management: Activity, Fragment, and Hybrid Page Navigation

Android routing management separates native navigation—using Activity launch modes, the ActivityManagerService task stack, intents, and the Navigation component for fragments—from hybrid navigation, where Activities host WebView, Weex/React‑Native, or Flutter pages and communicate via intents, bridges, or platform channels to achieve flexible page routing.

ActivityAndroidFragment

0 likes · 13 min read

Android Routing Management: Activity, Fragment, and Hybrid Page Navigation

Tencent Music Tech Team

Nov 6, 2021 · Frontend Development

Web Routing in Single‑Page Applications: Hash, History, and Memory Modes

The article explains client‑side routing for single‑page applications, detailing three approaches—hash mode using location.hash and onhashchange, history mode leveraging the HTML5 History API’s pushState/replaceState with popstate handling, and memory mode storing routes in JavaScript or localStorage—plus their trade‑offs regarding URL readability, SEO, server configuration, and browser support.

History APISPAfrontend development

0 likes · 11 min read

Web Routing in Single‑Page Applications: Hash, History, and Memory Modes

Tencent Music Tech Team

Nov 4, 2021 · Frontend Development

Introduction to Routing Management in Big Front‑End Development

This article traces the evolution of routing—from early server‑side page serving through Ajax‑enabled SPAs and modern front‑end frameworks—to the emerging “big front‑end” that unifies navigation across Web, Android, iOS and Flutter, outlining core goals of URL‑page mapping and a centralized routing management system.

FrameworksFront‑EndSPA

0 likes · 8 min read

Introduction to Routing Management in Big Front‑End Development

Tencent Music Tech Team

Oct 4, 2021 · Mobile Development

Tree Structures in iOS, Android, Web, and Flutter: Views, Layers, and Rendering

The article compares the view‑and‑layer tree architectures of iOS, Android, Web, and Flutter, explaining iOS’s UIView/CALayer hierarchy, coordinate system, and model‑presentation‑render trees, while detailing Flutter’s widget, element, render‑object, and layer trees, and highlighting their shared parse‑layout‑render pipeline and differing animation approaches.

CALayerFlutterUIView

0 likes · 12 min read

Tree Structures in iOS, Android, Web, and Flutter: Views, Layers, and Rendering

Tencent Music Tech Team

Oct 1, 2021 · Frontend Development

Tree and View Systems Across Web, Android, iOS, and Flutter

These articles compare how Web, Android, iOS, and Flutter represent UI structures—detailing the DOM and Virtual DOM creation, diffing, and rendering on the Web, and the XML‑based layout inflation, view hierarchy, styling, and drawing pipeline on Android—to help front‑end developers grasp each platform’s tree‑based architecture.

AndroidFlutterView System

0 likes · 11 min read

Tree and View Systems Across Web, Android, iOS, and Flutter