构建字幕生成器，使用 Next.js 和 React
正在缓冲...
https://www.youtube.com/watch?v=NPHT51uF1sE
在本教程中，我将向你展示如何构建一个字幕生成器，这个工具能够接收视频、对其进行转录，并在视频上添加字幕。这些字幕将通过一个美观的编辑器进行调整，应用还具有颜色、边距等更多选项。
如果你想要一个与众不同的项目，并在任何面试中都能派上用场，那么这个应用非常酷炫且独一无二。我确信它将令你的未来上司刮目相看，并帮助你找到一份新工作。
这个项目从头开始构建，使用了最新的 next.js 13、react、tailwind.css 和 webassembly。我们使用了 aws s3 存储桶进行存储，并使用了 aws transcribe 服务进行转录。
源代码：
https://github.com/dejwid/epic-captions
时间戳：
00:00:00 - 引入
00:01:11 - 流程图
00:10:27 - 主页
00:45:11 - 文件上传
01:14:47 - 视频转录
02:26:39 - 字幕编辑器和预览
02:59:36 - 创建带有字幕的新视频
04:21:32 - 进度条
04:47:01 - 使其具有响应性和移动设备友好性
04:58:28 - 结尾
Web 全栈 2024【Code With Dawid】
（3/15）
自动连播
4649播放
简介
订阅合集
构建全栈SEO排名跟踪器应用程序，使用Next.js 13和Bright Data
08:07:48
构建 Buyme a coffee 克隆，全栈使用Next.js
05:58:35
构建字幕生成器，使用 Next.js 和 React
04:58:41
构建比特币价格追踪器，使用 React.js、Typescript 和 AirCode.io
02:37:13
构建全栈电商网站，使用Next.js（react.js, mongo, tailwind, styled components）(上)
06:00:01
构建全栈电商网站，使用Next.js（react.js, mongo, tailwind, styled components）(下)
05:49:45
构建全栈食品订购应用，使用Next.js 14（react.js, mongo, tailwind）(上)
06:00:01
构建全栈食品订购应用，使用Next.js 14（react.js, mongo, tailwind）(下)
05:34:44
构建全栈 Linktree 克隆，使用Next.js、Tailwind和MongoDB（上）
06:00:01
构建全栈 Linktree 克隆，使用Next.js、Tailwind和MongoDB（下）
05:58:43
建立一个全栈的 Trello 克隆，使用 Next.js、Typescript 和 Liveblocks
08:57:34
构建一个反馈板，使用 Next.js 13（React.js, MongoDB, Tailwind CSS）（part1）
06:00:01
构建一个反馈板，使用 Next.js 13（React.js, MongoDB, Tailwind CSS）（part2）
05:51:46
构建一个全栈市场平台克隆，使用 Next.js 和 ImageKit（part_1）
06:00:01
构建一个全栈市场平台克隆，使用 Next.js 和 ImageKit（part_2）
04:19:19
顶部