神了!兩個高仿 BiliBili 客戶端!

Java陈序员發表於2024-11-25

大家好,我是 Java陳序員

之前,給大家推薦過一個復刻高仿 B 站的影片網站。

一個基於 SpringBoot + Vue 復刻高仿B站的影片網站!

今天,給大家推薦兩個高仿 B 站客戶端的開源專案!

關注微信公眾號:【Java陳序員】,獲取開源專案分享、AI副業分享、超200本經典計算機電子書籍等。

react-bilibili

介紹

react-bilibili —— 一個基於 React + Typescript + Express 實現的高仿 B 站 web 移動端。

功能特色

  • 首頁
  • 分類頁
  • 排行榜
  • 搜尋
  • 影片詳情頁:影片播放、彈幕、推薦列表、評論列表
  • UP 主頁:詳情、投稿列表
  • 個人中心:歷史記錄
  • 直播列表
  • 直播:直播播放、聊天彈幕

執行

1、克隆程式碼

git clone https://github.com/dxx/react-bilibili.git

2、執行服務端

# 進入服務端目錄
cd bilibili-api

# 安裝依賴
npm install

# 啟動服務
npm run dev

3、執行客戶端

# 在專案根目錄下執行!

# 安裝依賴
npm install

# 啟動服務
npm run dev

4、瀏覽器訪問

http://localhost:3010/

注意:API 介面來源於官方 API,有些 API 不可用會導致對應的功能不可用!

截圖

pilipala

介紹

pilipala —— 使用 Flutter 開發的 BiliBili 第三方客戶端,適配移動(Android、iOS),暫時沒有適配桌面端、Pad 端、手錶端等。

功能特色

  • 推薦影片列表 (App 端)
  • 最熱影片列表
  • 熱門直播
  • 番劇列表
  • 遮蔽黑名單內使用者影片
  • 排行榜
  • 使用者相關:粉絲、關注、主頁等
  • 動態相關:投稿、專欄、評論等
  • 影片播放相關:丹麥、記憶播放、雙擊快進/快退等
  • 搜尋相關:熱搜、搜尋歷史等
  • 影片詳情頁相關:點贊、投幣、評論等
  • 設定相關:畫質、主題模式(暗黑模式)等

安裝

1、開啟下載地址

https://github.com/guozhigq/pilipala/releases

2、下載對應作業系統的安裝包進行安裝

或者拉取程式碼到本地進行編譯。

截圖

react-bilibilipilipala 這兩個開源專案,可以說高度還原了 BiliBili 客戶端,實現了大部分 B 站客戶端的功能。

如果對其中的原始碼感興趣,快去下載安裝體驗吧~

專案地址:https://github.com/dxx/react-bilibili
專案地址:https://github.com/guozhigq/pilipala

最後

推薦的開源專案已經收錄到 GitHub 專案,歡迎 Star

https://github.com/chenyl8848/great-open-source-project

或者訪問網站,進行線上瀏覽:

https://chencoding.top:8090/#/

大家的點贊、收藏和評論都是對作者的支援,如文章對你有幫助還請點贊轉發支援下,謝謝!

相關文章