WebVTT 章节编辑器:给视频加目录导航
长视频没有目录等于劝退观众。章节编辑器在浏览器里对着视频打章节点,时间轴实时分段,属性面板配标题/描述/背景色,导出 WebVTT/JSON 双格式;预览即见播放器端效果——进度条分段刻度、悬浮章节名、章节面板跳转。附章节设计四原则。
长视频没有目录等于劝退观众。章节编辑器在浏览器里对着视频打章节点,时间轴实时分段,属性面板配标题/描述/背景色,导出 WebVTT/JSON 双格式;预览即见播放器端效果——进度条分段刻度、悬浮章节名、章节面板跳转。附章节设计四原则。
剧集、课程、歌单——内容一多,「逐个写 JSON」就撑不住了。播放列表编辑器支持批量导入、拖拽排序、分组管理,每条目可挂字幕/章节/缩略图/多码率源,导出标准 ZWMAP playlist JSON 给 ZWPlayer 一行接入。配合 ZWScan 可把整个本地媒体库扫成播放列表。
B 站/YouTube 式的进度条悬停预览图,本质是一张「雪碧图」加一份时间映射 JSON。[在线缩略图生成器]本地解析视频、按间隔抽帧、自动拼图并导出 ZWMAP thumbnail JSON——粘给 ZWPlayer 即有悬停预览。本文讲原理、参数与接入。
SubEdit Online 是纯网页端的字幕编辑器:本地加载视频秒开、音轨波形可视化打轴、AI 语音识别一键生成带时间轴字幕、多语言自动翻译、SRT/VTT/JSON 多格式导入导出。视频只在浏览器内解析不上传,基础编辑无需任何后端。
ZWPlayer 配置项上百个,从零写初始化代码容易漏。[代码生成器]左侧勾选配置——视频源、字幕、水印、VR、播放列表、快捷键逐项可视化填写,右侧实时生成完整 HTML 集成代码,复制即用。本文讲用法与「从示例到上线」的工作流。
MPDGrab 是一款免费在线 DASH/MPD 离线视频下载与抓取工具。支持 Windows、macOS 和 Linux 跨平台运行,输入 .mpd 清单地址即可完整镜像全部码率、音轨与分片,并把清单重写为本地相对路径,配套 ZWServe 一条命令实现脱机自洽播放,适合离线归档与播放器测试。
ZWScan 扫描本地媒体目录,自动生成 ZWMAP 播放列表 JSON——按子目录分组、自动匹配字幕、章节、缩略图与配音轨。单文件二进制,无需运行时。Win/Mac/Linux。
ZWCorsProxy 是一个本地 CORS 反向代理。在跨域视频 URL 前加上本地前缀即可在浏览器播放——mp4 透明转发,m3u8 自动重写分片。支持 HTTPS、防盗链、绑回环防开放代理。Windows/macOS/Linux 三端。
ZWServe 是一款面向前端与多媒体开发者的零配置免费本地 CORS Web 服务器。单文件绿色二进制即开即用,无需配置复杂的 Nginx 或 Node.js 环境。默认开启宽松 Cross-Origin 跨域响应头并彻底禁用浏览器缓存,支持 HTTPS 自签名证书,轻松解决 HLS/DASH/WebRTC 调试及本地开发跨域难题。
M3U8Grab 是一款免费在线 M3U8/HLS 离线视频下载与抓取工具。支持 Windows、macOS 和 Linux 跨平台运行,自动解析抓取多码率视频流、音频轨、字幕与 AES-128 解密密钥,一键重写为本地相对路径结构,配套 ZWServe 实现无缝脱机自洽播放与本地离线归档需求。
StitchImage 是一款纯浏览器端运行的免费在线图片拼接工具,支持横向与纵向拼接、自定义间距与边距、背景色设置、输出缩放与格式选择。所有图片处理均在本地完成,不会上传到任何服务器,打开即用、隐私无忧。适用于长截图拼接、对比图合并、漫画连看、产品展示等场景,是创作者与开发者不可或缺的高效前端效率工具。
谷歌Gemini 3 Pro Image(Nano Banana 2)预览版上线!亲测其多轮编辑、无水印出图能力,对比Photoshop与即梦,展示如何简单对话生成ZWPlayer科技感宣传图。免费试用中。