lywsvip/JKVideo

Fork 0

mirror of https://github.com/tiajinsha/JKVideo.git synced 2026-05-12 17:05:48 +08:00

Files

Developer c9c62d3e48 1

2026-03-06 14:52:28 +08:00

4.4 KiB

Raw Blame History

Bug Report

[Critical] VideoPlayer - B站防盗链导致视频无法播放

文件: components/NativeVideoPlayer.tsx, components/VideoPlayer.tsx

B站 CDN 对视频流地址实施严格的防盗链策略（Referer 校验 + UA 校验 + 时效签名）。 expo-av 的 Video 组件无法可靠地在底层 HTTP 请求中注入自定义 Referer / User-Agent，实际播放时服务器会返回 403，视频黑屏或播放失败。

修复方案: 改用 react-native-webview 加载 B站官方嵌入播放器：

https://player.bilibili.com/player.html?bvid={bvid}&page=1&high_quality=1&danmaku=1

该嵌入页由浏览器环境发起请求，Referer/Cookie 天然正确，可正常播放。

[Critical] VideoPlayer.tsx - 组件内动态 require

文件: components/VideoPlayer.tsx:34

// 错误写法：在组件函数体内动态 require
const NativeVideoPlayer = require('./NativeVideoPlayer').NativeVideoPlayer;

每次渲染都执行 require()，虽然 Metro 会缓存模块，但这是反模式，且与 React 渲染机制不兼容（Hook 规则 / 条件渲染中的动态导入）。同文件还导入了 useRef, useState 但从未使用。

修复方案: 改为文件顶部静态 import，移除无用导入。

[High] NativeVideoPlayer.tsx - isPlaying 状态无意义

文件: components/NativeVideoPlayer.tsx:14

const [isPlaying, setIsPlaying] = useState(false);

追踪了播放状态但没有任何自定义控制 UI 使用它，纯冗余代码。

[High] useVideoDetail.ts - getPlayUrl 在未登录时返回空/错误

文件: hooks/useVideoDetail.ts:19

setStreamUrl(playData.durl[0]?.url ?? null);

B站 /x/player/playurl 接口：

未登录时对部分视频返回 code: -101（未登录）或 code: -403（无权限）
高清版本（qn>=80）需要大会员，未登录时 durl 数组为空或 fallback 到极低画质
fnval: 1 只请求 durl 格式，但部分视频仅提供 dash 格式，durl 为空数组

playData.durl[0]?.url 为 undefined，streamUrl 始终 null，播放器持续显示"视频加载中"。

修复方案: 使用 WebView 嵌入播放器后，此接口调用不再需要，移除即可。

[High] services/types.ts - PlayUrlResponse 类型不完整

文件: services/types.ts:37

export interface PlayUrlResponse {
  durl: Array<{ url: string; length: number; size: number }>;
  quality: number;
}

缺少：

接口 code 字段（API 响应状态码）
dash 格式（fnval >= 16 时返回，包含 video/audio 分离流）
durl 在 dash 模式下为 undefined，当前定义为必填数组会导致类型错误

[Medium] app/video/[bvid].tsx - error 状态未处理

文件: app/video/[bvid].tsx:20

const { video, streamUrl, loading: videoLoading } = useVideoDetail(bvid as string);

useVideoDetail 返回了 error，但页面中完全未使用，接口失败时用户看不到任何错误提示。

文件: components/LoginModal.tsx:62

const setCookie = res.headers['set-cookie'];
const match = setCookie?.find((c: string) => c.includes('SESSDATA'));

B站登录成功后 SESSDATA 以 httpOnly Cookie 设置，在 React Native 中 axios 响应头里 set-cookie 通常为 undefined（被底层 HTTP 客户端过滤），导致登录二维码扫描后 cookie 始终为 undefined，登录流程无法完成。

[Low] useVideoList.ts - useCallback 依赖导致的 stale closure 风险

文件: hooks/useVideoList.ts:11

const load = useCallback(async (reset = false) => {
  if (loading) return;   // loading 为 stale 值时可能错误地放行重复请求
  ...
}, [loading, page]);     // 每次 loading/page 变化都重新创建函数

load 依赖 loading 用于防重，但同时 onEndReached 持有对 load 的引用，在 loading=true 的渲染周期内 load 会重新创建，而 FlatList 引用可能还是旧版本，导致防重逻辑失效或加载多次。应改用 useRef 追踪 loading 状态做防重。

[Low] App.tsx - 残留 expo 模板代码

文件: App.tsx

文件内容为 expo 初始化模板，实际项目已使用 expo-router（入口为 expo-router/entry）， App.tsx 不会被执行，但留在项目中容易造成混淆。

4.4 KiB Raw Blame History Unescape Escape