Tauri + Svelte + TypeScript 学习(二)

最新推荐文章于 2025-01-09 08:00:00 发布

D_I_D

最新推荐文章于 2025-01-09 08:00:00 发布

阅读量630

点赞数 1

分类专栏： Tauri 前端 Node 文章标签： typescript 学习 javascript rust

本文链接：https://blog.youkuaiyun.com/D_I_D/article/details/126335148

版权

本文介绍了如何在Tauri + Svelte + TypeScript项目中集成FFmpeg二进制文件，通过TypeScript调用进行系统文件访问。详细讲述了tauri.conf.json的配置，并提供了参考项目链接。文章最后鼓励读者如果喜欢内容可以考虑赞助作者以支持项目的持续发展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用二进制文件此处以FFmpeg为例

$ 复制FFmpeg的二进制文件到src-tauri/bin目录
$ 配置src-tauri/tauri.conf.json文件中的tauri.allowlist与externalBin
$ 文章最后会包含tauri.conf.json的全部配置

通过TypeScript调用

import {
    Command } from "@tauri-apps/api/shell";

const ffmpeg = Command.sidecar("bin/ffmpeg", ['-i', 'input.mp4', 'out.mp4']);

await ffprobe.execute();

访问系统文件,并通过前端访问到

$ 配置src-tauri/tauri.conf.json文件中的build.withGlobalTauri、tauri.allowlist.protocol、
security.scp
$ 具体配置再文章最后

TypeScript使用

import {
    convertFileSrc } from "@tauri-apps/api/tauri";

let srcUrl = convertFileSrc(playerFile);

const video = document.getElementById('my-video');
const source = document.createElement('source');
source.type = 'video/mp4';
source.src = srcUrl;
video.appendChild(source);