Tooscut素材导入指南：视频、音频、图片零上传全本地处理

【免费下载链接】tooscutProfessional video editing, right in your browser. Made with Rust, WebGPU, WASM, and Tanstack Start.项目地址https://gitcode.com/gh_mirrors/to/tooscut点击查看免费下载Tooscut 是一款运行在浏览器中的专业非线性视频剪辑工具NLE基于 Rust/WASM 与 WebGPU 实现 GPU 加速渲染。本文带你完整掌握 Tooscut 的素材导入流程如何导入视频、音频、图片素材以及如何利用 File System Access API 实现零上传、全本地的安全剪辑——所有文件始终留在你的电脑上不经过任何服务器。为什么 Tooscut 的素材导入是零上传的传统在线剪辑工具需要把素材上传到云端服务器再拉回预览既慢又有隐私风险。Tooscut 的做法完全不同File System Access API 直接读盘浏览器获得你显式授权后直接从本地磁盘读取文件全程不产生上传流量。本地 GPU 渲染解码与合成由 Rust/WASM 编写的合成器compositor在本地 GPU 上完成。素材句柄本地持久化导入过的素材会以文件句柄形式存入浏览器的 IndexedDB下次打开同一项目时自动恢复无需重新导入。核心实现可参考 use-asset-store.ts素材导入与句柄持久化逻辑和 asset-panel.tsx素材面板组件。导入前准备新建一个剪辑项目 素材需要挂靠在项目上。打开 Tooscut 后点击New project设置名称、分辨率与帧率之后可在 Project Settings 中修改方式一文件选择器一键导入素材这是最快捷的方式支持批量选择多个文件点击顶部菜单栏File Import Media或直接按快捷键⌘ImacOS/CtrlIWindows/Linux在系统文件选择器中勾选一个或多个视频、音频、图片文件确认即可。菜单入口的源码位于 toolbar.tsx。导入后文件会自动出现在左侧素材面板中。方式二拖拽导入素材直接上时间轴 ✨Tooscut 支持两种拖拽效率更高从文件管理器拖入素材面板——把文件拖到窗口内面板会出现 Drop files to import 提示松开即完成导入从文件管理器直接拖到时间轴——跳过素材面板一步生成轨道上的剪辑片段 拖拽时若浏览器支持Tooscut 会同时获取文件的系统句柄保证之后可以跨会话恢复该素材。素材面板视频、音频、图片统一管理导入的素材集中在左侧Assets面板提供 All / Video / Audio / Image 四个分类页签每个页签还有独立的Import Video、Import Audio、Import Image按钮方便按类型筛选导入。每张素材卡片展示的信息元素说明缩略图本地自动生成的视频首帧或图片预览类型角标左上角标注 VIDEO / AUDIO / IMAGE时长角标右下角显示以帧换算的时长文件信息文件名、文件大小、分辨率如有实用细节自动去重相同 名称 大小 类型 的文件不会重复导入悬停移除鼠标悬停在卡片上右上角出现 ✕ 按钮可一键移除该素材不可识别的格式会被跳过并在控制台提示不会阻塞其他文件导入。支持的素材格式一览表 官方文档 importing-assets.mdx 列出了完整格式表类型支持格式文件选择器默认筛选视频MP4、WebM、MOV 及其他浏览器可解码的格式.mp4 / .webm / .mov / .avi / .mkv音频MP3、WAV、AAC、OGG 等.mp3 / .wav / .ogg / .aac / .flac图片PNG、JPEG、WebP、GIF.png / .jpg / .jpeg / .gif / .webp / .svgLUT.cube三维查找表最高 64³作为普通素材导入⚠️ 视频格式能否播放最终取决于浏览器解码能力——选择器允许选中的格式不代表都能成功解码以导入后素材卡片是否正常显示缩略图为准。导入后的关键行为自动联动与默认时长带声音的视频会自动创建联动片段Linked Pair导入后拖上时间轴时视频剪辑与音频剪辑分别落在视频轨和音频轨上并且移动、分割、修剪、删除——两边同步进行音视频永不同步错位右键联动片段选择Unlink即可解绑各自独立编辑。图片素材默认 10 秒时长拖上时间轴后图片片段默认为 10 秒可自由拉伸或缩短源码见 use-asset-store.ts 中的默认时长逻辑。LUT 文件导入后可在调色节点图中引用用于电影感调色。常见问题 FAQ 问我的文件会被上传到服务器吗不会。Tooscut 通过 File System Access API 在你的浏览器里直接读取本地文件整个渲染管线WebGPU WASM 合成器也运行在本地。问关闭浏览器后素材还在吗在。素材句柄保存在 IndexedDB 中重新打开项目会自动尝试恢复若浏览器弹出权限询问点击允许即可再次读取原文件原文件不能被移动或删除。问导入后素材卡片没有缩略图或导入失败通常是该编码格式不被当前浏览器支持如部分 HEVC 编码。建议转封装为 MP4H.264/H.265或 WebM 后重新导入。问可以一次导入多个不同类型的文件吗可以。文件选择器与拖拽均支持混合批量导入面板会自动分类。延伸阅读 官方素材导入文档importing-assets.mdx多轨剪辑与联动片段multi-track-editing.mdx键盘快捷键含⌘I导入、⌘E导出keyboard-shortcuts.mdx素材导入与文件句柄持久化源码use-asset-store.ts渲染引擎本地合成packages/render-engine/掌握以上导入方式后你的素材库已经就位——下一步可以学习时间轴剪辑开始第一段作品的创作。赞分享【免费下载链接】tooscutProfessional video editing, right in your browser. Made with Rust, WebGPU, WASM, and Tanstack Start.项目地址https://gitcode.com/gh_mirrors/to/tooscut点击查看免费下载相关推荐HeyGen 素材资产管理实战为 OpenMontage 数字人视频上传并复用图片、视频与音频HeyGen 素材资产管理实战为 OpenMontage 数字人视频上传并复用图片、视频与音频 HeyGen 允许用户上传自定义素材图片、视频、音频用于AI Agent人工智能AI 应用媒体生成视频音频工作流自动化音视频ECMAScript Async/Await在Node.js服务器中的应用完整示例分析ECMAScript Async/Await在Node.js服务器中的应用完整示例分析 ECMAScript的Async/Await特性为JavaScriptPrivacyTools.io社交媒体替代品逃离主流社交网络的隐私友好选择PrivacyTools.io社交媒体替代品逃离主流社交网络的隐私友好选择 在当今数字时代我们的个人数据正以前所未有的速度被收集和利用。主流社交网络平台常常上一篇Sabaki 注释中的 Markdown 详解支持的语法、自动链接机制与底层实现下一篇Folia 桌面播放器安装指南三大平台开箱即用免依赖创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考