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 集成代码,复制即用。本文讲用法与「从示例到上线」的工作流。
全景视频上线的完整工作流:消费级全景相机选型、等距柱状导出参数(2:1 画幅、分辨率与码率)、大文件 HLS 切片与部署、ZWPlayer 网页嵌入与初始视角调试,附上线前检查清单。适合文旅、房产、教育团队照着走完全程。
ZWPlayer v3.3.2 正式发布!新增贴片广告变现能力,预览模式与音乐播放模式让一个播放器适配视频、音频、卡片预览等场景,字幕搜索升级为跨视频全文检索,DASH 内嵌字幕支持自动预下载(搜索/翻译/导出全可用)。随后补充完成播放器界面统一改版:上拉缩略图条精确定位、移动端 Bottom Sheet 与快捷键完善。完全向后兼容,替换 JS 文件即可升级。
ZWPlayer v3.3.1 正式发布!新增 VR/360° 全景视频播放(2:1 宽高比自动识别、视角设置面板实时调整偏航/俯仰/视场角),多音轨切换支持多语言配音、口述影像与导演评论音轨,TTS 可将字幕文本直接合成为配音音轨,控制条界面简洁化重构。完全向后兼容,替换 JS 文件即可升级。
ZWPlayer v3.3.0 正式发布!引入 ZWMAP 统一数据协议,新增交互式标注系统、防录屏水印系统、多语字幕管理与实时翻译、播放列表等六大模块。WordPress 插件与 Vue 2/3 组件同步升级,配套在线可视化编辑器,零代码轻松发布专业互动视频内容。
StitchImage 是一款纯浏览器端运行的免费在线图片拼接工具,支持横向与纵向拼接、自定义间距与边距、背景色设置、输出缩放与格式选择。所有图片处理均在本地完成,不会上传到任何服务器,打开即用、隐私无忧。适用于长截图拼接、对比图合并、漫画连看、产品展示等场景,是创作者与开发者不可或缺的高效前端效率工具。