Skip to content

oldrev/branchie

Repository files navigation

Maintained Make a pull request License

Linux Build MacOS Build Windows Build

Watch on GitHub Star on GitHub Tweet

Branchie:超级简单的开源 HTML5 互动视频播放器

fsm

本项目基于有限状态机原理实现了一个功能类似《哔哩哔哩》网站的 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/压水晶头/后端/前端/中老年陪聊等软硬件项目开发业务

鸣谢

没有如下开源项目和素材的支持本项目不可能轻易实现,非常感谢: