Files
JKVideo/utils/dash.ts
Developer 03d7d3c5c3 fix: quality switch not updating video playback
- Use qn-specific MPD filename (bili_dash_{qn}.mpd) so each quality
  produces a distinct URI that triggers react-native-video to reload
- Add key={resolvedUrl} on <Video> to force remount on source change
2026-03-10 20:18:47 +08:00

61 lines
2.4 KiB
TypeScript

import * as FileSystem from 'expo-file-system/legacy';
import type { PlayUrlResponse } from '../services/types';
/**
* 将 Bilibili DASH 响应写成 MPD 文件,返回 file:// URI 供 ExoPlayer 播放。
* 选取 id === qn 的视频流(找不到则取第一条),带宽最高的音频流。
*/
export async function buildDashMpdUri(playData: PlayUrlResponse, qn: number): Promise<string> {
const xml = buildMpdXml(playData, qn);
const path = `${FileSystem.cacheDirectory}bili_dash_${qn}.mpd`;
await FileSystem.writeAsStringAsync(path, xml, { encoding: FileSystem.EncodingType.UTF8 });
return path;
}
function buildMpdXml(playData: PlayUrlResponse, qn: number): string {
const dash = playData.dash!;
const video = dash.video.find(v => v.id === qn) ?? dash.video[0];
const audio = dash.audio.reduce((best, a) =>
a.bandwidth > best.bandwidth ? a : best
);
const dur = dash.duration;
const vSeg = video.segment_base;
const aSeg = audio.segment_base;
const videoSegmentBase = vSeg
? `\n <SegmentBase indexRange="${vSeg.index_range}"><Initialization range="${vSeg.initialization}"/></SegmentBase>`
: '';
const audioSegmentBase = aSeg
? `\n <SegmentBase indexRange="${aSeg.index_range}"><Initialization range="${aSeg.initialization}"/></SegmentBase>`
: '';
return `<?xml version="1.0" encoding="UTF-8"?>
<MPD xmlns="urn:mpeg:dash:schema:mpd:2011"
profiles="urn:mpeg:dash:profile:isoff-on-demand:2011"
type="static"
mediaPresentationDuration="PT${dur}S">
<Period duration="PT${dur}S">
<AdaptationSet id="1" mimeType="${video.mimeType}" codecs="${video.codecs}" startWithSAP="1" subsegmentAlignment="true">
<Representation id="v1" bandwidth="${video.bandwidth}" width="${video.width}" height="${video.height}" frameRate="${video.frameRate}">
<BaseURL>${escapeXml(video.baseUrl)}</BaseURL>${videoSegmentBase}
</Representation>
</AdaptationSet>
<AdaptationSet id="2" mimeType="${audio.mimeType}" codecs="${audio.codecs}" startWithSAP="1" subsegmentAlignment="true">
<Representation id="a1" bandwidth="${audio.bandwidth}">
<BaseURL>${escapeXml(audio.baseUrl)}</BaseURL>${audioSegmentBase}
</Representation>
</AdaptationSet>
</Period>
</MPD>`;
}
function escapeXml(s: string): string {
return s
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/"/g, '&quot;');
}