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

Nov 6, 2020 · Mobile Development

Design and Implementation of an Incremental Compilation Component for Android Projects

The team built a low‑intrusion Gradle plugin that detects changed source and resource files, performs precise dependency analysis, leverages aapt2 for incremental resource compilation, and injects updated Dex and assets into the running app, cutting full Android builds from 418 seconds to 13 seconds and boosting daily developer productivity on large projects such as QQ Music.

AndroidDynamic LoadingGradle Plugin

0 likes · 23 min read

Design and Implementation of an Incremental Compilation Component for Android Projects

Tencent Music Tech Team

Oct 26, 2020 · Artificial Intelligence

Phase‑Aware Music Super‑Resolution Using Generative Adversarial Networks (INTERSPEECH 2020)

At INTERSPEECH 2020 the authors introduced a phase‑aware music super‑resolution system that uses a frequency‑domain GAN combined with an enhanced Griffin‑Lim algorithm to reconstruct missing high‑frequency magnitude and phase, delivering brighter, louder, and more natural‑sounding recordings that surpass traditional interpolation and naive phase‑flipping methods.

GANINTERSPEECH 2020audio super-resolution

0 likes · 7 min read

Phase‑Aware Music Super‑Resolution Using Generative Adversarial Networks (INTERSPEECH 2020)

Tencent Music Tech Team

Oct 23, 2020 · Mobile Development

Using Pigeon to Manage Flutter Plugin Interfaces Across Platforms

Pigeon lets Flutter developers define a single Dart API that automatically generates matching, type‑safe interface code for Android and iOS, eliminating manual method‑channel boilerplate, preventing naming mismatches, and keeping native and Dart implementations synchronized across platforms.

CodeGenerationDARTFlutter

0 likes · 14 min read

Using Pigeon to Manage Flutter Plugin Interfaces Across Platforms

Tencent Music Tech Team

Aug 14, 2020 · Frontend Development

Web Implementation of Transparent Video Gift Animations Using Canvas and WebGL

The article describes how a live‑room video‑gift feature originally built for mobile was ported to a web client by extracting separate color and alpha video streams, compositing them on canvas, then migrating the per‑pixel blending to WebGL shaders, which cut CPU usage dramatically, raise frame rates to about 60 FPS, and outline further optimisations such as pre‑loading, mobile support, and possible MSE or WebAssembly approaches.

CanvasWebGLalpha-blending

0 likes · 9 min read

Web Implementation of Transparent Video Gift Animations Using Canvas and WebGL

Tencent Music Tech Team

Jul 14, 2020 · Frontend Development

Browser Web Caching Mechanisms and Strategies

Browser caching works by storing copies of web resources in memory, disk, or service‑worker caches and using HTTP headers such as Cache‑Control, Expires, ETag, and Last‑Modified to decide freshness, allowing strong (local) and negotiated (weak) cache stages, while developers can fine‑tune performance with CDN settings, IndexedDB, Service Workers, and HTML5 storage to create optimal, auditable cache strategies.

BrowserCache-ControlHTTP

0 likes · 15 min read

Browser Web Caching Mechanisms and Strategies

Tencent Music Tech Team

Jul 10, 2020 · Operations

Implementing a Monorepo with Lerna, Yarn Workspaces, and TypeScript for Automated NPM Package Publishing

By migrating the “全民 K 歌” base library to a monorepo using Lerna, Yarn workspaces, and TypeScript, the team unified dependency management, enabled topological builds, enforced master‑only versioning with conventional commits, and automated CI‑driven publishing—including beta canary releases—significantly speeding iteration and improving maintenance.

LernaMonorepoTypeScript

0 likes · 15 min read

Implementing a Monorepo with Lerna, Yarn Workspaces, and TypeScript for Automated NPM Package Publishing

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.

HTTP-FLVSDKWeb Frontend

0 likes · 14 min read

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

Tencent Music Tech Team

Jul 3, 2020 · Mobile Development

Flutter Hybrid Development: Core Principles, Rendering Process, and Cross‑Platform Solutions

The article explains Flutter’s three‑layer architecture and rendering pipeline, compares web‑container, generic‑container, and self‑draw engine cross‑platform approaches, details unified and three‑side hybrid integration patterns with navigation scenarios, evaluates hybrid frameworks, and discusses compilation modes, artifact integration, and engineering workflow for hybrid projects.

Cross-PlatformDARTEngine

0 likes · 32 min read

Flutter Hybrid Development: Core Principles, Rendering Process, and Cross‑Platform Solutions

Tencent Music Tech Team

Jul 2, 2020 · Mobile Development

Lottie Animation Principles and Implementation Overview

The article thoroughly examines Lottie animation technology, describing how After Effects projects are converted into JSON, parsed into Objective‑C data models such as LOTComposition and LOTLayer, and rendered on iOS/Android via Core Animation, detailing asset handling, layer hierarchy, frame interpolation, and implementation specifics.

AndroidCoreAnimationJSON

0 likes · 13 min read

Lottie Animation Principles and Implementation Overview

Tencent Music Tech Team

Jun 23, 2020 · Frontend Development

Automating Front-End Development Environment with Alfred Workflows and AppleScript

The article demonstrates how to replace the half‑minute, error‑prone manual steps of launching WebStorm, iTerm, Whistle proxy, and enabling Chrome extensions with a single Alfred workflow that uses AppleScript to open apps, run commands, and toggle extensions, dramatically streamlining front‑end development setup.

AlfredAppleScriptMac

0 likes · 4 min read

Automating Front-End Development Environment with Alfred Workflows and AppleScript