ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

从零到一,把B站原生搬进Windows桌面:BiliBili-UWP体验与上手全记录

从零到一,把B站原生搬进Windows桌面:BiliBili-UWP体验与上手全记录 从零到一把B站原生搬进Windows桌面BiliBili-UWP体验与上手全记录【免费下载链接】BiliBili-UWPBiliBili的UWP客户端当然是第三方的了项目地址: https://gitcode.com/gh_mirrors/bi/BiliBili-UWP某个周五晚上我关掉浏览器里第14个B站标签页时风扇终于安静下来。不是看完了是受够了——切视频卡一下、弹幕一多就掉帧、网页版那套陈年交互总在关键时刻绊我一跤。就在那天晚上我找到另一个答案一款把B站做成原生 Windows 应用的第三方客户端——BiliBili-UWP。这篇文章就是我从下载源码到把它跑起来、再玩出花样的完整记录。这问题是不是也困扰过你先别急着看代码说句实话浏览器看 B 站让人抓狂的从来不是看这件事本身。网页标签开多了内存和风扇先举手投降高密度弹幕一刷屏帧率肉眼可见地往下掉想用系统级手势、全局快捷键、磁贴通知网页版给不了你更隐蔽的烦恼是感觉明明用着 Windows操作体验却始终隔着一层浏览器外壳。很多人不知道的是这类问题的正解其实只有一句话——把 B 站从浏览器里请出来做成一个真正的桌面应用。UWP 就是干这个的而 BiliBili-UWP正是这条路上走得最远、做得最讲究的第三方实现之一。认识它一句话说清它是什么BiliBili-UWP社区里管它叫哔哩是一位开发者出于对 B 站的喜爱、也为了挑战自己用原生 UWP 技术栈重写的一整套 B 站客户端。它把移动端的 B 站解构再重组到桌面交互里核心能力可以一口气数完️双显示模式桌面模式信息密度高平板模式为触摸而设计硬件加速播放自带弹幕渲染支持 4K / HEVC 优先策略深色与浅色主题可跟随系统也能手动切换、自定义字体后台动态推送通过后台任务在锁屏状态下也能收到新动态提醒清爽的模块划分控件库、服务层、通知组件与主程序各自独立项目启动时的画面长这样虽然朴素但一眼就能认出那股 B 站味道比起网页版它最大的差异不是功能多寡而是整个应用跑在 Windows 原生框架里——窗口、动画、快捷键、系统媒体控件全都和系统协同工作用起来就是两个字顺滑。上手从克隆仓库到第一次启动安装它没有现成的商店入口最省心的路线是自己动手编译其实只有三步。第一步把源码拉到本地打开终端执行git clone https://gitcode.com/gh_mirrors/bi/BiliBili-UWP等待拉取完成即可。仓库结构很直观BiliBili-UWP是主程序BiliBili-Lib是公共类库与 API 服务BiliBili-Controls是特殊控件库BiliBili-Notification负责后台通知任务。第二步生成你自己的测试证书用Visual Studio 2019打开BiliBili-UWP.sln右键主项目进入属性在Package.appxmanifest的Package选项卡里重新生成一个测试证书。这一步很多人会跳过结果部署时报错——原因就是仓库自带的旧证书与你本机不匹配重新生成证书是必须的不是可选项。第三步重新生成并部署选中BiliBili-UWP项目右键重新生成然后部署。第一次构建会拉取 NuGet 依赖耐心等一会儿。部署成功后你会在开始菜单看到它的身影启动后第一件事去设置里登录你的 B 站账号然后随便点开一个视频——恭喜你已经越过了最大的门槛。进阶把它的价值榨干装好只是开始。下面这三点是我玩了一圈后觉得最值得深挖的地方。① 一个应用两种性格在设置里切到平板模式你会看到完全不同的世界以横向滚动为主的卷轴式布局选择视频后背景会虚化成封面界面留白更多、更克制。这套设计思路借鉴了 XBOX 新界面和 WIN8 的卷轴交互在触摸屏和小平板上特别顺手。而桌面模式则是经典的 Master-Detail 结构——左侧导航、右侧详情把分区、用户信息都收进了侧栏。两套界面的源码分别躺在BiliBili-UWP/Pages-Desktop/Main/和BiliBili-UWP/Pages-Tablet/Main/里想研究响应式布局的话对照着看非常过瘾。② 播放器调校从能看到看得爽播放器藏在BiliBili-UWP/Components/Controls/VideoPlayer.xaml设置项多到可以写一篇小论文画质策略优先 4K、优先 HEVC后者需要额外解码器播放节奏自动播放下一 P、可自定义跳跃时长1–120 秒弹幕精细控制字号、滚动模式、颜色、透明度、速度、字体全可调窗口形态默认、影院、全屏、小窗、独立每种形态都能单独决定是否显示弹幕控制条我最喜欢的是小窗模式——把视频缩成小窗悬在角落同时继续刷动态弹幕还能跟着显示摸鱼效率直线上升。③ 把界面调成你的形状主题文件就在BiliBili-UWP/Theme/Dark.xaml和BiliBili-UWP/Theme/Light.xaml。除了深浅色应用还支持跟随系统自动切主题更换应用字体、微调基准字号12–20关闭元素动画换取低配设备更流畅的表现对普通用户来说这是看起来舒服的开关对想改皮的人来说Template/目录下的资源字典就是现成的改造入口。踩坑实录与化解思路自己编译这条路我替你们把坑都踩过了按现象 → 原因 → 解法整理如下部署报证书错误旧证书与当前机器不匹配。回到第二步在 manifest 里重新生成测试证书即可。明明选了 4K画质还是不高界面里能显示 4K 选项但非大会员拿不到真正的 4K 片源。解法很现实——开会员或者接受高清。在 Surface Pro X 上装不了作者声明过原生 UWP 在 ARM 设备上可能无法运行原因未明。这类设备请谨慎尝试。找不到直播和视频下载入口不是 Bug是作者刻意没做这两个功能。别浪费时间找了去看别的工具吧。弹幕一多就卡去弹幕设置里调小字号、调低透明度或速度低配设备再关掉元素动画通常能明显缓解。它还能长出什么坦诚地说这个项目已经停止维护也从商店下架了。但停止更新不代表没有价值学习 MVVM 的极佳范本AppViewModel管运行时状态BiliViewModel对接 B 站服务分层清晰API 封装值得抄作业网络请求与数据模型集中在BiliBili-Lib/Service/读一遍能少走很多弯路控件库可单独复用BiliBili-Controls里的自适应网格、瀑布流面板、虚拟化面板都是能移植到其他 UWP 项目的好东西fork 出去自己长如果你有精力基于这份代码加回直播、加上下载也未尝不可结语回到开头的那个周五晚上现在我依然会开着浏览器但 B 站的日常已经交给了这个原生客户端——启动更快、弹幕更稳、快捷键顺手桌面端终于有了它该有的样子。如果你也受够了网页版的将就不妨现在就动手把上面的 clone 命令复制到终端跑一遍用 VS 2019 打开、生成证书、部署启动。全程不到半小时你得到的不仅是一个能用的 B 站客户端更是一份可以反复拆解的 UWP 实战源码。看完这篇文章的下一步就是去打开那个.sln文件。【免费下载链接】BiliBili-UWPBiliBili的UWP客户端当然是第三方的了项目地址: https://gitcode.com/gh_mirrors/bi/BiliBili-UWP创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表