hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add error handling for audio, video, and YouTube players

Browse source
This commit is contained in:
codytseng 2025-10-09 22:22:16 +08:00
parent 3395bad78b
commit 6eb3bccd38
4 changed files with 38 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/YoutubeEmbeddedPlayer/index.tsx
View file

@ -4,6 +4,7 @@ import mediaManager from '@/services/media-manager.service'
import { YouTubePlayer } from '@/types/youtube'
import { useEffect, useMemo, useRef, useState } from 'react'
import { useTranslation } from 'react-i18next'
import ExternalLink from '../ExternalLink'
export default function YoutubeEmbeddedPlayer({
url,
@ -19,6 +20,7 @@ export default function YoutubeEmbeddedPlayer({
const [display, setDisplay] = useState(autoLoadMedia)
const { videoId, isShort } = useMemo(() => parseYoutubeUrl(url), [url])
const [initSuccess, setInitSuccess] = useState(false)
const [error, setError] = useState(false)
const playerRef = useRef<YouTubePlayer | null>(null)
const containerRef = useRef<HTMLDivElement>(null)
@ -63,7 +65,8 @@ export default function YoutubeEmbeddedPlayer({
},
onReady: () => {
setInitSuccess(true)
}
},
onError: () => setError(true)
}
})
} catch (error) {
@ -79,6 +82,10 @@ export default function YoutubeEmbeddedPlayer({
}
}, [videoId, display, mustLoad])
if (error) {
return <ExternalLink url={url} />
}
if (!mustLoad && !display) {
return (
<div