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

fix: stop YouTube mute-check interval when player is destroyed

Browse source 
The setInterval polling playerRef.current.isMuted() continued running
after the YouTube player was destroyed, causing repeated TypeErrors.
Now the interval self-clears when it detects the player is invalid.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
codytseng 2026-03-16 22:08:51 +08:00
parent cd86b3aac5
commit 67f308e47f
1 changed files with 23 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/components/YoutubeEmbeddedPlayer/Player.tsx
View file

@ -55,7 +55,7 @@ const Player = memo(({ videoId, isShort, className }: PlayerProps) => {
}
})
let checkMutedInterval: NodeJS.Timeout | null = null
let checkMutedInterval: ReturnType<typeof setInterval> | null = null
function initPlayer() {
try {
if (!videoId || !containerRef.current || !window.YT.Player || unmountedRef.current) return
@ -87,20 +87,29 @@ const Player = memo(({ videoId, isShort, className }: PlayerProps) => {
}
setInitSuccess(true)
checkMutedInterval = setInterval(() => {
if (playerRef.current && !unmountedRef.current) {
const mute = playerRef.current.isMuted()
if (mute !== currentMuteState) {
currentMuteState = mute
if (
!playerRef.current ||
unmountedRef.current ||
typeof playerRef.current.isMuted !== 'function'
) {
if (checkMutedInterval) {
clearInterval(checkMutedInterval)
checkMutedInterval = null
}
return
}
const mute = playerRef.current.isMuted()
if (mute !== currentMuteState) {
currentMuteState = mute
if (mute !== muteStateRef.current) {
updateMuteMedia(currentMuteState)
}
} else if (muteStateRef.current !== mute) {
if (muteStateRef.current) {
playerRef.current.mute()
} else {
playerRef.current.unMute()
}
if (mute !== muteStateRef.current) {
updateMuteMedia(currentMuteState)
}
} else if (muteStateRef.current !== mute) {
if (muteStateRef.current) {
playerRef.current.mute()
} else {
playerRef.current.unMute()
}
}
}, 200)