# ZingAI.video Online Talking Head Video Editing

ZingAI.video (opens new window) is a talking head video editing tool built with cutting-edge Web technology. Welcome to try it.

# Background

I found that the videos I consume are basically talking head videos, and the vast majority of AI-generated videos are also of this type.

Talking head video does not refer to a narrow sense of a host (or digital human) reading a script. Its typical feature is a video in which the information conveyed is mainly text and voice, supplemented by image information; This type of video does not have complex, cool, or artistic images. It is often the text (size, color, animation) on the image that is exceptionally exaggerated and eye-catching.

For example: popular science, history, finance, news, speeches, children's stories, technical sharing, etc.

What I want to do after I leave my job (technical sharing) is this type of video. I have tried the talking head editing functions of several popular products, but I am not very satisfied; It just so happens that I have developed a similar product on Bilibili, so I decided to try to make one myself.

# Design Philosophy/Guiding Principles

  • Text is the core information of a talking head video, so editing should be centered on text
  • The learning cost of text editing is lower, and the threshold is lower than traditional video editing interaction
  • Text is easier to retrieve and interact with than images and audio
    • Users can get information faster by reading text or searching for text
    • Based on the precise time information corresponding to the text, users can interact with the video more quickly
      • Materials that assist video expression (video, audio, images) are easier to align in time through text
      • Text can more quickly locate a specific position in the video
  • The cost of analyzing text by AI large models is lower and the speed is faster. With the help of AI, the editing efficiency of videos can be greatly improved.

Based on the information I have summarized above, I designed ZingAI.video; There are many innovations in UI design, especially optimizing the experience of editing videos through text.

This is the UI design of ZingAI.video

# ZingAI.video Features

# Text-driven Editing

Innovative interaction design

  • Deleting text means deleting the video clip of the corresponding time. This is one of the core operations of the talking head editing tool. But ZingAI is better integrated with text editing.
  • Quickly associate text with materials (fancy text, pictures, videos, music), no longer need to carefully align the time
  • Text replacement is used to modify incorrectly recognized subtitles, and supports batch replacement

# AI Smart Enhancement

AI editing improves efficiency

  • AI automatically highlights key information in subtitles to make subtitles more eye-catching
  • AI intelligently inserts emojis based on content to make subtitles more moving

# Convenient and Efficient

Carefully crafted with cutting-edge technology

  • Edit smoothly by opening the web page, no need to download an APP
  • Use hardware acceleration to export videos

# Product Planning

ZingAI is an editing tool, but it is expected that users can complete video production with the least amount of editing actions; Therefore, it is necessary to continue to enhance AI capabilities, such as: material production, subtitle correction, intelligent segmentation, richer fancy text effects, template functions, etc.

ZingAI.video (opens new window) is a newly released product, and there are still many areas to be improved. Welcome to try it and give suggestions.

💗 博主正处于裸辞待业状态,欢迎 商务合作 💗

相关文章

ZingAI.video 在线口播视频剪辑

ZingAI.video 字影是采用前沿 Web 技术构建的口播视频剪辑工具,欢迎体验 背景 我发现自己消费的视频基本都是口播类视频,且 AI 生成的视频绝大多数也是这类视频。 口播类视频并不是指狭义的主播(或数字人)念稿子,它的典型特征是传达的信息以文字语音为主,图像信息为辅的视频; ...

WebAV SDK(Web 视频编辑)V1 发布

前言 WebAV 是基于 WebCodecs 构建的 SDK,用于在 Web 平台上创建/编辑视频文件。 V1 对项目来说是里程碑版本,意味着 API 已经稳定,且功能的稳定性也经过了长时间的考验,可用于生产环境。 我在 20 年加入 B 站,开始接触 Web 音视频相关的知识(Web 播放器), WebCodecs API 在 21 年发布; 我预期 WebCode ...

纯 Web 视频剪辑

ZingAI.video 字影是采用纯 Web 技术实现剪辑功能的产品,欢迎体验 前言 WebCodecs API 为 Web 平台提供了音视频编解码能力,使得在 Web 平台(网页、Electron)上实现高效、专业的视频剪辑成品成为可能。 读者可阅读笔者的入门系列文章获取更详细的信息,或直接使用 [W ...

Google IO 分享 WebCodecs、OPFS 文字版

背景 2024 北京 Google I/O 邀请我参加合作者开发者论坛,主题是 "Build powerful Web App"; 笔者近期在公司项目中实践 WebCodecs,对应的开源项目是 WebAV,在 Web 音视频领域算是相对前沿的探索; 本文主要分享基于 WebCodecs、OPFS 实现的视频剪辑产品,探讨这些 API 还有哪些应用场景; W ...

WebCodecs 性能表现及优化思路

ZingAI.video 字影是采用 WebCodecs 构建的视频剪辑工具,可在这里体验视频导出的性能 笔者开源 WebAV 已经一年半,还写了系列文章帮助初学者入门 Web 音视频。 之前一直隐隐担心在 Web 平台处理音视频与 Native APP 会有明显性能差距,因 ...

WebCodecs 编码字符串(codec)介绍

笔者的 Web 音视频系列文章 视频播放经常会看到这样的字符串 video/mp4; codecs="avc1.4d002a",WebCodecs 编解码器初始化也需要配置 codec 参数,本文尝试简单介绍编码字符串含义。 视频编码分许多种类,每个种类还分多个版本,不同种类、版本对应的编解码算法、支持的能力(分辨率上限、色深等等)不同 ...

WebCodecs 开启 Web 音视频新篇章

你可以先略过下面的无聊文字,体验一番 WebCodecs 的实力 WebCodecs 是什么 WebCodecs 是一个 Web 规范,21 年 9 月份在 Chrome 94 中实现 WebCodecs 提供访问编解码能力的接口,可精细控制音视频数据 Web 音视频 API 存在什么问题 音视频技术在 Web 平台上的应用非常广泛,已有许多 Web ...

【译】WebCodecs 说明

本文翻译至 WebCodecs Explainer 问题与动机 已有许多 Web API 在内部使用媒体编解码器来支持特定用途,比如: HTMLMediaElement and Media Source Extensions WebAudio (decodeAudioData) MediaRecorder WebRTC 但是还没有一种通用的方式来灵活 ...

Web 音视频(六)图像素材处理

Web 音视频目录 前序章节介绍了如何在浏览器中解析、创建视频,以及给视频添加一些自定义素材(图片、音频、文字...); 本章介绍如何给图像素材加特效、加动画,实现转场、移动水印、图像滤镜美化等功能。 你可以跳过原理介绍,直接查看 WebAV 示例 素材动画 在视频制作中实现动画跟其他场景略有不同,因为视频 ...

Web 音视频(七)中期回顾

Web 音视频目录 个人回顾 本系列更新至今,持续了一个月时间,内容可以总结为音频、视频数据的 解析 - 处理 - 合成,在浏览器中比较粗粒度地实现音视频编辑的主要环节,差不多是把 WebAV 项目的原理讲完了。 讲解的知识非常浅,目标读者是准备在 Web 平台进行音视频开发的新手; 这是我第一次进行高频率技术写作,将一 ...