MSE promisified

mse-promisified.js

// In an ideal world, MSE would be that simple...

const mediaSource = new MediaSource() 
video.srcObject = mediaSource

await mediaSource.ready

const sourceBuffer = mediaSource.addSourceBuffer('video/mp4')

const response = await fetch('https://example.com/init.mp4')
const data = await response.arrayBuffer()
await sourceBuffer.appendBuffer(data)

@mounirlamouri Here it is:

interface MediaSource : EventTarget {
    readonly attribute Promise<void> ready;
}

interface SourceBuffer : EventTarget {
    Promise<void> appendBuffer(BufferSource data);
}