问为什么我的带有Hls.js视频播放器的应用程序在3-4个小时后就会结冰呢？

EN

<div class="playback-view" on:click|stopPropagation>
    <video
        bind:this={videoRef}
        bind:currentTime={$ProgramTime}
        on:ended={onPlaybackEnded}
        bind:duration
        bind:paused>
        <track kind="captions">
    </video>

    const destroyHls = () => {
        if (hls !== null && hls !== undefined){
            hls.stopLoad()
            hls.detachMedia()
            hls.destroy()
        }        
    }

    const reloadSource = () => {
        destroyHls()
        if (videoRef !== null && videoRef !== undefined){
            hls = new Hls({
                // Audio codec for bitrate above 22hz
                defaultAudioCodec: "mp4a.40.2",
                //(seconds) If buffer < this value fragment will be loaded
                // The "minimum" length of the buffer
                maxBufferLength: 15,
                backBufferLength: 1800,
                // (seconds) The maximum length of the buffer
                maxMaxBufferLength: 60,
                // (bytes) The amount hls will try to load
                // maxBufferSize: 120 * 1000 * 1000,
                // (seconds) The amount to offset the stream by when stalling
                // currentTime += (nb nudge retry -1)*nudgeOffset
                nudgeOffset: 0.1,
                // Number of nudges before BUFFER_STALLED_ERROR
                nudgeMaxRetry: 3,
            })
            hls.attachMedia(videoRef)
            hls.loadSource($Playback.playbackUrl)
            hls.on(Hls.Events.ERROR, handleHLSError)
            videoRef.play()
            paused = false
        }
    }

"hlsError" {"type":"mediaError","parent":"main","details":"bufferAppendError","err":{"stack":"Error: Failed to execute 'appendBuffer' on 'SourceBuffer': The HTMLMediaElement.error attribute is not null.