本项目基于有限状态机原理实现了一个功能类似《哔哩哔哩》网站的 HTML5 互动视频播放器,支持视频分支计分和条件判断表达式等高级功能。
为了便于演示本项目使用 Electron + Angular 框架开发了本机 GUI App,但播放器本身为纯前端 TypeScript 实现,无需服务器后端特殊支持。用户有需要可以很轻易的修改为在线播放器。
本项目的介绍视频:
演示用的视频片段已打包在构建好的 zip
包中,右边“Releases”中可以直接下载测试。
如果觉得项目有用,可以帮我点个星星,这对我非常有帮助。
本项目使用 pnpm
安装包和管理项目。
首先通过命令行进入本项目根目录,通过 pnpm
安装依赖:
$> pnpm install -g @angular/cli
$> pnpm install
$> cd app
$> pnpm install
开发模式运行:
$> npm start
构建可执行文件(构建结果根据当前操作系统而定):
$> npm run electron:build
编译完成即可在 ./release
中看到。
演示视频在 demo-video
中,可以参考 branchie-video.xml
中的格式,具体请见介绍视频及源代码。
版权所有 © 2022-TODAY 李维。保留所有权利。
本项目采用 GPL-3.0 和私有双重授权,可免费用于开源项目,商业闭源项目使用请联系作者获取商业版授权(还有 .NET WPF 实现的版本等)。
注意:本项目为演示项目,作者不提供任何担保。
- 邮箱:
oldrev<AT>gmail.com
- QQ: 55431671
超巨型广告:没事儿时可以承接PCB 画板打样/STM32/ESP32/压水晶头/后端/前端/中老年陪聊等软硬件项目开发业务
没有如下开源项目和素材的支持本项目不可能轻易实现,非常感谢: