使用Stream Api javascript获取视频

如何解决使用Stream Api javascript获取视频

我尝试使用Stream Api来获取视频，但是当在某个时刻获取视频时，流无法下载更多数据...有人可以帮助我吗？

const getVideo = async (video) => {
    const data = await fetch("https://nickdesaulniers.github.io/netfix/demo/frag_bunny.mp4");
    const stream = await data.body.getReader();
    const mimeCodec = "video/mp4; codecs=avc1.42E01E,mp4a.40.2";
    var mediaSource = new MediaSource();
    video.src = URL.createObjectURL(mediaSource)
    

        mediaSource.addEventListener('sourceopen',async () => {
        let source = mediaSource.addSourceBuffer(mimeCodec) 
            const { value,done } = await stream.read();
        source.appendBuffer(value)
                
            
    })

示例：https://svelte.dev/repl/6d5552b49cff43e68e670a0a8afef82c?version=3