# bilibili-react-pc

**Repository Path**: davidyan98/bilibili-react-pc

## Basic Information

- **Project Name**: bilibili-react-pc
- **Description**: Electron+react高仿bilibili客户端，支持windows，macOS,可以请求官方视频接口，支持标清视频和直播播放有弹幕。后期加登陆提供清晰度选择。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: bilibili
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2026-01-31
- **Last Updated**: 2026-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<br />
<p align="center">
  <a href="https://github.com/tiajinsha/bilibili-app" target="blank">
    <img src="images/logo.png" alt="Logo" width="250" height="156">
  </a>
  <h2 align="center" style="font-weight: 600">bilibili</h2>

  <p align="center">
    高仿bilibili电脑客户端，支持windows，macOS,支持B站视频，和直播弹幕。
    <br />
    <a href="https://pan.baidu.com/s/1SRZF5Of_i3mzb6diUC0Jag?pwd=n2qa" target="blank"><strong>📦️ 下载安装包（提取码：n2qa）</strong></a>&nbsp;&nbsp;&nbsp;&nbsp;
    <br />
    <br />
  </p>
</p>

![album][album-screenshot]

## ✨ 特性

- ✅ 使用 react + Typescript 全家桶开发
- 📺 支持bilibili视频播放和直播
- 📃 支持鼠标悬停预览视频效果
- 📃 支持B站特色弹幕
- 🛠 electron 后台线程集成 bilibili-api。
- 🖥️ 方便二次开发，其他功能开发中

# 安装依赖

yarn install

# 运行

yarn dev

# 打包

yarn build

## ☑️ Todo

查看 Todo 请访问本项目的 [Projects](https://github.com/tiajinsha/bilibili-app/tree/master/.github/workflows)

欢迎提 Issue 和 Pull request。

## 📜 开源许可

本项目仅供个人学习研究使用，禁止用于商业及非法用途,如要进行商业用途请联系作者。

基于 [MIT license](https://opensource.org/licenses/MIT) 许可进行开源。

## 灵感来源

API 源代码来自 [fython/BilibiliAPIDocs](https://github.com/fython/BilibiliAPIDocs)

# 高仿B站hover视频预览+弹幕
![artist][artist-screenshot]
# 视频详情
![explore][explore-screenshot]
# 直播详情
![explore][explore-live]

<img src="images/IMG_37152.JPG" style="width:100%;height:100%" alt="Logo" width="250" height="156">

<!-- MARKDOWN LINKS & IMAGES文档 -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

[album-screenshot]: images/home.png
[artist-screenshot]: images/hover.png
[explore-screenshot]: images/video.png
[explore-live]: images/live.png
[money-code]: images/IMG_37152.JPG