当前位置:首页 > 前端开发 > 正文内容

神了!两个高仿 BiliBili 客户端!

邻居的猫1个月前 (12-09)前端开发1783

我们好,我是 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/#/

我们的点赞、保藏和谈论都是对作者的支撑,如文章对你有协助还请点赞转发支撑下,谢谢!

扫描二维码推送至手机访问。

版权声明:本文由51Blog发布,如需转载请注明出处。

本文链接:https://www.51blog.vip/?id=438

标签: Github
分享给朋友:

“神了!两个高仿 BiliBili 客户端!” 的相关文章

ThreeJs-01开发环境建立

ThreeJs-01开发环境建立

写在前面,好久不见各位,之前一段时刻由于一些工作有点忙,但从未中止学习的脚步,也屯了许多笔记,会在未来的时刻渐渐发出来,从今日开端一同进入WebGis,threeJs现在大前端开展的一个方向开端学习,期望里边能够有协助到咱们的内容,有缺乏的当地还请纠正,一同学习前进!!! 1.了解Three.js...

【测验渠道开发】一步步教你vue-cli创立项目学习教程

【测验渠道开发】一步步教你vue-cli创立项目学习教程

运用vue-cli创立Vue项目是一个相对简略且高效的进程。以下是一个具体的过程攻略,协助你经过vue-cli创立Vue项目: 一、装置Node.js和npm Vue CLI依靠于Node.js环境和npm包办理器。因而,在创立Vue项目之前,你需求保证核算机上已装置Node.js和npm。 拜访N...

vue导航栏, 导航栏的重要性

vue导航栏, 导航栏的重要性

Vue导航栏:构建高效且响应式的用户界面在Web开发中,导航栏是用户与网站交互的第一步,它不仅提供了访问网站不同部分的入口,还影响了用户体验的整体质量。Vue.js,作为一款流行的前端框架,提供了强大的工具来创建动态和响应式的导航栏。本文将深入探讨如何在Vue项目中实现一个高效且响应式的导航栏。...

html写表格,```html    HTML 表格示例

html写表格,```html HTML 表格示例

当然可以。HTML(超文本标记语言)是用于创建网页的标准标记语言。在HTML中,您可以使用``元素来创建表格。以下是一个基本的HTML表格示例:```html HTML 表格示例简单的 HTML 表格 姓名 年龄 职业...

html5格式,html5官网首页

HTML5 是一种用于创建网页和网页应用的标记语言。它是 HTML 的第五个修订版本,旨在提高跨平台的兼容性、增强多媒体支持、提高性能和简化代码。HTML5 的主要特点包括:3. Canvas 和 SVG:HTML5 引入了 `` 元素,允许开发者通过 JavaScript 在网页上绘制图形。同时,...

css定位居中,cssd是什么意思

css定位居中,cssd是什么意思

CSS定位居中可以通过多种方法实现,以下是几种常见的方式:1. 使用Flexbox布局: Flexbox是一种非常强大的布局工具,可以轻松实现水平和垂直居中。 ```css .container { display: flex; justifycontent: cente...