- Overview
- Name meaning
- Features
- download and install
- User Guide
- Basic Usage
- Vue framework usage
- Parameter Configuration
- method
- event
- Detailed explanation of source address URL parameters
- Logo settings
- Chapter annotation settings
- Progress bar preview image settings
- Subtitle Settings
- Bullet Chat Settings
- Description of Barrage Server
- Play RTSP stream
- autoplay
- shortcut key
- demo
- Basic Usage
- logoSettings
- Chapter annotation settings
- Progress bar preview image settings
- Subtitle Settings
- bullet chat
- Support protocol format
- comprehensive
Features
ZWPlayer is a high-performance, full-format HTML5 universal web player. It provides a concise API interface and seamless integration solutions including WordPress plugins, helping developers and non-developers quickly implement video playback capabilities.
The core features of zwplayer can be categorized into the following aspects:
I. Core Playback and Special Protocol Support
Extensive Streaming Protocol Compatibility
VOD (Video on Demand): Supports common protocols such as HLS, DASH, HTTP, and WS.
Live Streaming: Fully supports mainstream live streaming protocols including HLS, DASH, WS, HTTP-FLV, and HTTP-TS.
Ultra-Low Latency Live Streaming: Deep integration of
WebRTCtechnology, supporting integration with mainstream services such as Tencent Cloud TRTC, Alibaba Cloud ARTC, and Baidu Cloud BRTC. Through optimized end-to-end transmission, latency can be reduced to as low as 240 milliseconds, perfectly ensuring real-time experience for scenarios such as online classrooms and interactive live streaming.Local File Playback (
localPlayback): [Added in v3.2.0] Supports direct playback of local video/audio files from user devices without uploading to a server, providing a more private preview experience.Special Protocol Support
RTSPWeb Playback: Through efficient server-side forwarding technology, enablesRTSPvideo streams (such as IP camera feeds) to be played in HTML5 web pages without installing any plugins, perfectly solving the industry problem that browsers do not natively supportRTSP.Intelligent Bitrate and Quality
Multi-Bitrate Switching: Supports manual switching between different resolutions for protocols such as HLS and DASH.
Adaptive Bitrate Streaming: Automatically switches to the most appropriate resolution based on network conditions to ensure smooth playback, supporting extraction and selection control of multi-bitrate streams for HLS, DASH, and other protocols.
Live Stream Latency Optimization: Automatically enables frame chasing when
isLiveis activated, ensuring ultra-low latency for live viewing.
II. Interactive Experience and Enhanced Features
Comprehensive Subtitle and Language System
Multi-Format Support: Supports external subtitles in VTT, SRT, JSON, BCC formats, as well as extraction and selection control of embedded subtitles in HLS and DASH.
Dual Subtitle Rendering: Can display subtitles in two languages simultaneously, facilitating language learning; users can freely turn either on or off.
Internationalization Support (
lang): [Added in v3.2.0] New multi-language configuration option supporting interface language switching and locale detection, improving the experience for non-Chinese users.Rich Playback Enhancement Features
Segment Loop Playback (
segmentButton): [Added in v3.2.0] Allows users to select specific segments for loop playback, suitable for teaching review or fitness practice.Recording Function (
recordButton): [Added in v3.2.0] Supports recording the currently playing video or extracting audio, facilitating content preservation and secondary creation.Video Danmaku (Bullet Comments): Built-in complete danmaku functionality supporting rendering, sending, and personalized settings, without requiring separate development of a danmaku interface.
Progress Bar Preview: Hovering the mouse over the progress bar displays video thumbnails for quick content positioning.
Video Manipulation: Supports multi-angle video rotation including 180 degrees forward/reverse, 90 degrees forward/reverse; supports image property adjustments (brightness, contrast, hue, saturation).
Video Screenshot: Supports video screenshot and download.
Volume Gain Adjustment: [Added in v3.2.0] Adjustable volume gain, supporting up to 4x volume to ensure clarity and capture audio details even when the sound is low.
Rich Keyboard Shortcuts: [Optimized in v3.2.0] Added more keyboard control methods for convenient operation by advanced users.
Flexible Playback Modes
Multi-View Modes: Supports web fullscreen, picture-in-picture, and automatic small window playback.
Playback Control: Supports playback rate adjustment for VOD videos; can disable progress bar dragging.
Forced Lock Mode: Disables playback controls, progress dragging, and volume adjustment; automatically pauses playback when the window loses focus, ensuring users watch the entire video completely, suitable for online education and other scenarios.
III. Business and Integration Support
Business Scenario Features
Chapter Markers: Set chapters and mark key time points for VOD videos for quick user navigation.
Interactive Quiz: Supports pop-up quizzes during playback, suitable for online education and other scenarios.
Custom Logo: Supports adding brand logos to the player interface.
Intelligent Playback Technology
Autoplay Optimization: Built-in autoplay pre-detection technology perfectly solves the problem of autoplay failure in today's browsers when not muted before user-initiated interaction.
IV. Development and Integration Advantages
Simple and Easy-to-Use Integration Experience
Out-of-the-Box: Only requires including one JS file, with no dependencies on third-party libraries such as jQuery.
Concise API: API design is simple and unified, shielding technical complexity; no streaming media expertise required to get started easily.
Plugin-Free Architecture: All features (including extended protocols such as RTSP and WebRTC) are built-in, requiring no additional plugin configuration.
Lightweight, High-Performance, and Maintainability
Lightweight and High-Performance: Uses dynamic loading technology, loading only required modules when in use, improving page loading speed.
Worry-Free Upgrades: APIs are permanently solidified; subsequent version upgrades only require replacing files, with no need to modify business code.
Framework Friendly: Provides dedicated support for Vue 2 and Vue 3.
Seamless WordPress Plugin Integration Provides a
ZWPlayerplayer plugin forWordPress, callable without writing code through the following methods:Method 1: Gutenberg Block: As simple as inserting an image, what you see is what you get; configure playback properties directly through a visual interface.
Method 2: Classic Shortcode: Flexibly embed anywhere in the article, suitable for users accustomed to using the classic editor.
Friendly Licensing Policy
Completely Free: Free for personal or commercial use with no functional or licensing restrictions.