📌 项目简介
本工具是一款免登录的 B 站视频解析播放器。通过调用第三方 API api.yujn.cn 获取视频直链，在线查看登录后的原画质视频，同时支持下载解析后的视频。
🛠️ 实现原理
- 第一步：获取 JSON – 输入 BV 号后，点击「打开JSON页面」会新窗口访问
https://api.yujn.cn/api/blbl.php?url=https://www.bilibili.com/video/{BV号}，该接口返回包含视频标题、封面、UP 主信息、视频直链等数据的 JSON。 - 第二步：粘贴解析 – 手动复制返回的 JSON 内容，粘贴到文本框，点击「解析并播放」。前端使用
JSON.parse() 解析数据，并动态渲染到播放区。 - 第三步：视频播放 – 解析出的
video_url 直接赋值给 HTML5 <video> 标签，实现免登录播放 B 站视频。若有多个画质（accept 字段），则生成画质切换按钮，不过碍于目前api的限制，切换后仍是最高画质。 - 额外功能 – 封面和 UP 主头像添加了
referrerpolicy="no-referrer" 属性，解决 B 站图片防盗链；点击图片可弹出模态框查看大图；支持多集视频（合集）选集播放。
📱 如何使用
- 获取 BV 号 – 在 B 站视频页面地址栏中复制类似
BV1xx411c7m9 的字符串，或直接粘贴完整链接。 - 打开 JSON – 在「解析区」输入 BV 号，点击「打开JSON页面」，新窗口会显示 API 返回的原始 JSON 数据。
- 复制粘贴 – 全选新窗口中的 JSON 内容（Ctrl+A / Cmd+A），复制（Ctrl+C / Cmd+C），然后回到本工具「解析区」的文本框粘贴（Ctrl+V / Cmd+V）。
- 解析播放 – 点击「解析并播放」，工具会自动切换到「播放区」并加载视频。你可以切换画质、点击封面/头像放大查看。如果视频是多集合集，上方会显示选集列表，点击即可切换剧集。
- 查看数据 – 在「数据区」可以随时展开查看完整的原始 JSON 数据，方便调试或查看所有字段。
⚠️ 注意事项
跨域问题 – 由于api被设置的 CORS 策略，前端无法直接通过 fetch 请求该 API，因此采用“手动复制 JSON”的方式。这是最稳定的纯前端解决方案，无需部署任何后端。
视频链接时效 – API 返回的视频直链有时效性，过期后需重新解析获取新链接，若无法播放请检查json数据中"video_url"条目是否完整。
API 稳定性 – 本工具依赖第三方 API，若其服务异常，请稍后再试。
多选集视频 – 本工具仅支持播放json数据中包含了"video_url"条目的视频，若选集中视频无法播放，则可能是"video_url"条目未成功解析。
📄 声明
• 本项目采用《署名-非商业性使用-相同方式共享4.0国际(CC BY-NC-SA 4.0)》许可协议授权使用
• 本项目仅供学习交流使用
• 本项目托管于Leo Free Page平台