v3.3.0 互动与强大的网络视频播放器 零网页播放器 不仅仅是播放器，还是完整的视频工作流程。通过无需插件的 WebRTC/RTSP 核心和 8 种视觉工具，开发者可以轻松构建安全的交互式企业视频应用。 WebRTC < 240 毫秒 RTSP 无插件 ZWMAP 互动 🛠️ 视觉工具链：7 个所见即所得的在线编辑器用于注释、水印等。即时导出代码。 🚀 跨框架生态系统：轻量级纯 JS 核心，原生适配 Vue/React，并与 WordPress/Zibll 深度集成。 🛡️ DRM 和高转化率：动态水印防止屏幕录制；ZWMAP 提升沉浸式教学和营销。 <!-- 最小设置以获得深度体验和商业交互引擎 --> <script src="https://cdn.zwplayer.com/v3/zwplayer/zwplayer.js"></script> <script> const player = new ZWPlayer({ playerElm: '#mse', url: 'https://example.com/test.m3u8', // 智能检测 TRTC/ARTC/RTSP/HLS 注释: 'annotation.json', // 双向互动测验、表单和分支 水印: 'watermark.json', // 毫秒级反录制动态水印 localPlayback: true // 启用离线本地文件拖拽解析 }); </script> # 安装 Vue 3 组件包 npm install zwplayervue3 // Vue SFC 声明式用法，开箱即用 <template> <zwplayer ref="zwplayerRef" :fluid="true" url="https://example.com/test.m3u8" annotations='annotation.json' watermarks='watermark.json' /> </template> <script setup> import { ref } from 'vue' import { zwplayer } from 'zwplayervue3' const zwplayerRef = ref(null) </script> # 安装 React 组件包 npm install zwplayer-react // React 组件声明式用法 import React, { useRef } from 'react'; import { ZwPlayer } from 'zwplayer-react'; export function DemoZwplayer() { return ( <div style={{ padding: '5px', width: '100%', margin: '0 auto' }}> <ZwPlayer ref={useRef(null)} fluid={true} url="https://example.com/test.m3u8" annotations="annotation.json" watermarks="watermark.json" /> </div> ); } 为什么选择 ZWPlayer? 统一协议架构 ✕ HLS/DASH/FLV 的独立插件，复杂的多协议混合，易于冲突 ✓ 统一接口，智能流类型检测。在单个页面上无缝混合多种协议。 深度 WebRTC 集成 ✕ 协议碎片化，标准 WHEP 与专有（TRTC/ARTC）通常需要多个大型 SDK ✓ 官方内置支持 WHEP，阿里云 ARTC，腾讯 TRTC 和 BRTC。通过单个实例实现超低延迟的直播。 RTSP 无插件直接连接 ✕ 浏览器原生不支持，传统解决方案依赖于资源密集型插件和复杂配置 ✓ 轻量级媒体网关实现零插件浏览器预览。安全流瞬间打开，无需转码。 下一代编码支持 ✕ 核心过时，缺乏 H.265 (HEVC)，fMP4，CMAF 和其他高效编码/容器支持 ✓ 核心快速演进，支持 LL-HLS、AV1 和其他前沿标准。 ZWMAP 统一数据协议 ✕ 不同模块的碎片化数据格式使得整合视觉编辑器和平台间同步变得困难 ✓ 内置 ZWMAP 标准。单一 JSON 规范驱动播放列表、字幕、缩略图、水印和注释。与在线视觉编辑器无缝集成。 企业框架集成与隔离 ✕ 在 React/Vue 中包装繁琐；在复杂的 CMS（如 WordPress）中易被全球 CSS 污染破坏 ✓ 与 React、Vue 2/3 无缝集成。原生 WordPress 插件具有沙箱级样式隔离，有效抵御全局污染。 强大的互动视频 扩展单向观看的边界。内置互动注释引擎支持测验、表单、分支、投票、Webview 和 13 个动态节点。结合会话变量和自定义动画，创建沉浸式互动教学和高转化率的营销视频。 全格式知识搜索与本地拖放 完全兼容 VTT、SRT、BCC 和 JSON 章节，支持方便的本地文件拖放加载。强大的内置引擎提供清晰的进度条引导和实时全文搜索，使每一行对话都成为精确的导航点。 严格的隐私与深入控制体验 尊重您的体验。支持 localPlayback 进行纯前端本地视频的离线解析，确保高隐私安全。与移动端短视频应用对齐，支持长按 2 倍速度和智能微信自动播放后备。配备实时放大镜、AirPlay/Cast 和 4 倍音量增强。 企业水印与反屏幕录制 保护您的数字资产。除了静态徽标，我们还提供毫秒渲染的动态跑马灯水印和全屏拼图水印。无缝嵌入 {sys_time} 和自定义用户变量，实现对每一帧的精确反屏幕录制跟踪。 智能双层播放列表 内置分组双层播放列表面板，带有链接的类别