Evolution of iQiyi's PC Web Live Player Architecture

This article details the evolution of iQiyi's PC Web live player architecture, which has undergone three major phases: the Flash era, the hybrid architecture era, and the integrated player era. The player supports various devices and browsers for live streaming playback, handling different encapsulation formats, advertisements, multi-language support, and barrage features.

Initially, the player was built entirely on Flash, providing a simple architecture where developers didn't need to worry about encoding details. With the release of HTML5 standards and the decline of Flash due to security and performance issues, the team transitioned to a hybrid architecture using both Flash and H5 players. The outermost layer, PlayerSDK, routes to different players based on browser compatibility.

The current integrated player architecture addresses business logic expansion and eliminates the need to implement features twice for Flash and H5. The design follows a plugin-based concept, where business functionalities are modularized and reusable across different scenarios. The architecture is divided into three layers: UniPlayer (SDK for external communication), PlayerCore (lightweight public interfaces and plugin state management), and Plugin (independent business logic modules).

The plugin system enables bidirectional communication with PlayerCore, with plugin states managed in a shared State component. Various engine plugins handle different playback scenarios: HttpEngine for HLS, FlashEngine for older browsers, PtEngine for proprietary formats, and FlvEngine for low-latency streaming. DOM container management ensures plugins don't interfere with each other through absolute positioning and predefined z-index levels.

The integrated architecture offers significant advantages including improved development efficiency, enhanced extensibility, and better maintainability. While there are some limitations in older browsers, the benefits outweigh the drawbacks as modern browser usage continues to grow. The player continues to evolve with new technologies like WebAssembly and advanced codecs to meet user demands for smooth playback and high-quality video.