Skip to content

oldrev/branchie

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
Li Wei
Oct 3, 2022
9f68626 · Oct 3, 2022

History

16 Commits
Oct 3, 2022
Feb 6, 2022
Oct 3, 2022
Feb 7, 2022
Feb 8, 2022
Feb 6, 2022
Feb 7, 2022
Oct 3, 2022
Feb 6, 2022
Feb 6, 2022
Feb 6, 2022
Feb 6, 2022
Feb 6, 2022
Feb 6, 2022
Feb 6, 2022
Oct 3, 2022
Feb 6, 2022
Oct 3, 2022
Feb 6, 2022
Feb 7, 2022
Oct 3, 2022
Oct 3, 2022
Oct 3, 2022
Feb 6, 2022
Feb 6, 2022

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/压水晶头/后端/前端/中老年陪聊等软硬件项目开发业务

鸣谢

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