mirror of
https://github.com/tiajinsha/JKVideo.git
synced 2026-04-04 22:49:02 +08:00
66 lines
2.3 KiB
TypeScript
66 lines
2.3 KiB
TypeScript
import { useState, useEffect, useRef } from 'react';
|
|
import { getVideoDetail, getPlayUrl } from '../services/api';
|
|
import { useAuthStore } from '../store/authStore';
|
|
import { useSettingsStore } from '../store/settingsStore';
|
|
import type { VideoItem, PlayUrlResponse } from '../services/types';
|
|
|
|
export function useVideoDetail(bvid: string) {
|
|
const [video, setVideo] = useState<VideoItem | null>(null);
|
|
const [playData, setPlayData] = useState<PlayUrlResponse | null>(null);
|
|
const [qualities, setQualities] = useState<{ qn: number; desc: string }[]>([]);
|
|
const [currentQn, setCurrentQn] = useState<number>(0);
|
|
const [loading, setLoading] = useState(true);
|
|
const [error, setError] = useState<string | null>(null);
|
|
const cidRef = useRef<number>(0);
|
|
const isLoggedIn = useAuthStore(s => s.isLoggedIn);
|
|
const trafficSaving = useSettingsStore(s => s.trafficSaving);
|
|
const defaultQn = trafficSaving ? 16 : 126;
|
|
|
|
async function fetchPlayData(cid: number, qn: number, updateList = false) {
|
|
const data = await getPlayUrl(bvid, cid, qn);
|
|
setPlayData(data);
|
|
setCurrentQn(data.quality);
|
|
if (updateList && data.accept_quality?.length) {
|
|
setQualities(
|
|
data.accept_quality.map((q, i) => ({
|
|
qn: q,
|
|
desc: data.accept_description?.[i] ?? String(q),
|
|
}))
|
|
);
|
|
}
|
|
}
|
|
|
|
async function changeQuality(qn: number) {
|
|
await fetchPlayData(cidRef.current, qn);
|
|
}
|
|
|
|
useEffect(() => {
|
|
async function fetchData() {
|
|
try {
|
|
setLoading(true);
|
|
const detail = await getVideoDetail(bvid);
|
|
setVideo(detail);
|
|
const cid = detail.pages?.[0]?.cid ?? detail.cid as number;
|
|
cidRef.current = cid;
|
|
await fetchPlayData(cid, defaultQn, true);
|
|
} catch (e: any) {
|
|
setError(e.message ?? 'Load failed');
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
if (bvid) fetchData();
|
|
}, [bvid]);
|
|
|
|
// 登录状态变化时重新拉取清晰度列表(登录后可能获得更高画质)
|
|
useEffect(() => {
|
|
if (cidRef.current) {
|
|
fetchPlayData(cidRef.current, defaultQn, true).catch((e) => {
|
|
console.warn('Failed to refresh quality list after login change:', e);
|
|
});
|
|
}
|
|
}, [isLoggedIn]);
|
|
|
|
return { video, playData, loading, error, qualities, currentQn, changeQuality };
|
|
}
|