typography karaoke

FLASH源码 2025-08-09

typography karaoke

一个简单的原型,显示了使用HTML5音频/视频和WebVTT的卡拉OK型提示。

基于React-VTT和必需反应

入门

$ npm install

启动本地开发服务器:

$ npm run server

导航到http:// localhost:8080/要查看应用程序。

命令

该骨架应用程序的核心理念是将工具降至最低。因此,您可以在package.json的scripts部分中找到所有命令。

服务器

$ npm run server

输入: src/main.jsx

此利用React Hot Loader可以自动启动本地DEV服务器,并刷新文件即时更改而无需重新加载页面。

它还自动包含源地图,允许您浏览代码并在原始ES6代码上设置断点:

建造

$ npm run build

输入: src/main.jsx

输出: build/app.js

使用生产快捷方式构建用于生产的缩小应用程序。

测试

$ npm test

输入: test/main.js

输出: coverage/

利用AVA执行测试套件并使用NYC生成代码覆盖范围报告

负责人

$ npm run coveralls

输入: coverage/lcov.info

将纽约市生成的代码覆盖范围报告发送给保险。

干净的

$ npm run clean

输入: build/app.js

从构建中删除编译的应用程序文件。

转换视频文件

我建议将FFMPEG与以下命令:

$ ffmpeg -i in.mov -vcodec copy -acodec copy out.mp4
下载源码

通过命令行克隆项目:

git clone https://github.com/abcDinamo/typography-karaoke.git