flutter还原b站(bilibili)安卓客户端界面,并实现播放

3,538 阅读2分钟

flutter_bilibili


简介


flutter练手项目
项目参考哔哩哔哩安卓客户端5.47版本的界面
通过抓包等方式获取api以及播放连接

flutter特点


  • 跨平台
  • 热重载
  • 快速开发

功能


  • 首页
    • 推荐-下拉刷新,加载更多
    • 热门top100下拉刷新,加载更多
    • 追番页面
    • 影视页面
    • 70周年页面
    • 直播推荐-下拉刷新-可以看直播啦
  • 搜索
    • 支持关键字和av号搜索
    • 热搜推荐和搜索记录
    • 支持按照默认/播放量/弹幕数/新发布排序
  • 播放界面
    • 可以播放视频了!
    • 可以看到视频信息和评论(评论暂时只做了前面的热评和一些最新的评论)
    • 点击右上角可以保存封面到相册
  • 频道
    • 获取实时频道列表
  • 动态
    • 动态界面
  • 会员购
    • 显示活动和商品列表
    • 下拉刷新,加载更多
  • 我的
    • 显示头像,昵称、等
    • 设置界面
    • 简单登陆界面和彩蛋

项目演示

界面截图


截图
启动/home/频道/动态/会员购/侧滑菜单
在这里插入图片描述
视频播放/评论/直播播放
在这里插入图片描述
直播/热门/追番/影视
在这里插入图片描述
影视/70周年
在这里插入图片描述
搜索/登陆/保存封面
在这里插入图片描述

项目地址


github:github.com/nekomiyaxne…

欢迎star

上手指南


安卓虚拟机Nexus_5X_API_24、华为荣耀6、华为荣耀9上测试通过

1.直接下载

安卓:下载apk安装包 IOS:由于没有ios开发设备,暂未提供

2.clone本项目

系统:windows10 家庭版 开发环境:

flutter: 1.9.1+hotfix.2-stable
vscode: 1.38.1
  1. clone本项目到本地
git clone https://github.com/nekomiyaxneko/flutter_MyBilibili.git
  1. 安装flutter
  2. 在项目根目录打开命令行输入
flutter packages get 
flutter run --release

依赖

视频播放: chewie video_player
打开url:url_launcher
轮播图:flutter_swiper
下拉刷新上滑加载:pull_to_refresh
数据持久化:shared_preferences
保存图片:image_gallery_saver
发送请求:dio
权限检查与申请:permission_handler
提示框:fluttertoast
分享:share
加载html:flutter_widget_from_html

鸣谢

维护

本项目持续维护,欢迎各位提出建设性的建议。

版权声明

MIT License