yusufipek/OpenFrame
1
0
Fork 0
mirror of https://github.com/yusufipk/OpenFrame.git synced 2026-09-11 17:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(video-player): add Bunny original-source fallback and quality option, plus approval/download UI tweaks

Browse Source
This commit is contained in:
Yusuf İpek
2026-02-26 10:02:11 +03:00
parent 7f87d717d2
commit 15fa9452a4
7 changed files with 212 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(dashboard)/projects/[projectId]/videos/[videoId]/compare/compare-versions-page-client.tsx
+40 -2
View File
@@ -896,6 +896,7 @@ function BunnyPanel({
let isPlaying = false;
let destroyed = false;
let retryAttempt = 0;
let sourceMode: 'hls' | 'original' = 'hls';
let retryTimer: ReturnType<typeof setTimeout> | null = null;
const clearRetryTimer = () => {
@@ -956,6 +957,7 @@ function BunnyPanel({
videoEl.removeEventListener('pause', onPause);
videoEl.removeEventListener('ended', onEnded);
videoEl.removeEventListener('loadedmetadata', onLoadedMetadata);
videoEl.removeEventListener('error', onError);
if (hlsRef.current) {
try { hlsRef.current.destroy(); } catch { /* ignore */ }
hlsRef.current = null;
@@ -978,18 +980,45 @@ function BunnyPanel({
const onPlay = () => { isPlaying = true; };
const onPause = () => { isPlaying = false; };
const onEnded = () => { isPlaying = false; };
const hlsUrl = `https://${BUNNY_PULL_ZONE_HOSTNAME}/${version.videoId}/playlist.m3u8`;
const originalUrl = `https://${BUNNY_PULL_ZONE_HOSTNAME}/${version.videoId}/original`;
const activateOriginalFallback = (): void => {
sourceMode = 'original';
clearRetryTimer();
if (hlsRef.current) {
try { hlsRef.current.destroy(); } catch { /* ignore */ }
hlsRef.current = null;
}
videoEl.src = getRetryUrl(originalUrl);
videoEl.load();
};
const onError = () => {
if (destroyed) return;
if (videoEl.readyState >= HTMLMediaElement.HAVE_METADATA) {
return;
}
if (sourceMode === 'hls') {
activateOriginalFallback();
return;
}
scheduleRetry(() => {
videoEl.src = getRetryUrl(originalUrl);
videoEl.load();
});
};
videoEl.addEventListener('loadedmetadata', onLoadedMetadata);
videoEl.addEventListener('timeupdate', onTimeUpdate);
videoEl.addEventListener('play', onPlay);
videoEl.addEventListener('pause', onPause);
videoEl.addEventListener('ended', onEnded);
const hlsUrl = `https://${BUNNY_PULL_ZONE_HOSTNAME}/${version.videoId}/playlist.m3u8`;
videoEl.addEventListener('error', onError);
if (videoEl.canPlayType('application/vnd.apple.mpegurl')) {
sourceMode = 'hls';
videoEl.src = hlsUrl;
videoEl.load();
} else if (Hls.isSupported()) {
sourceMode = 'hls';
const hls = new Hls();
hlsRef.current = hls;
hls.attachMedia(videoEl);
@@ -1023,7 +1052,16 @@ function BunnyPanel({
&& videoEl.readyState < HTMLMediaElement.HAVE_METADATA;
if (isLikelyProcessing || isNetworkPreMetadataProcessing || isUnknownPreMetadataProcessing) {
if (sourceMode === 'hls') {
activateOriginalFallback();
return;
}
scheduleRetry(() => {
if (sourceMode === 'original') {
videoEl.src = getRetryUrl(originalUrl);
videoEl.load();
return;
}
const retryUrl = getRetryUrl(hlsUrl);
try {
hls.stopLoad();