MediaSource

@inject Bit.Butil.MediaSource mediaSource

var isSupported = await mediaSource.IsSupported();
var isManaged = await mediaSource.IsManagedSupported();

var ok = await mediaSource.IsTypeSupported("video/mp4;codecs=\"avc1.42E01E\"");

// the ones this engine will actually take, in your order of preference:
var usable = await mediaSource.GetSupportedTypes();

<video @ref="videoElement" controls playsinline></video>

@code {
    private ElementReference videoElement;

    var source = await mediaSource.Open(videoElement);
    if (source is null) return; // no MSE, or the element never opened it

    await source.Subscribe(state => Console.WriteLine($"ready state: {state}"));

    var state = await source.GetReadyState();   // Open
    await source.DisposeAsync();                // detaches and frees the buffered media
}

@code {
    // The handle from the section above, already attached to a <video> element.
    private MediaSourceHandle? source;

    private async Task Feed(byte[] initSegmentBytes, byte[] mediaSegmentBytes, double currentTime)
    {
        var buffer = await source!.AddSourceBuffer("video/mp4;codecs=\"avc1.42E01E,mp4a.40.2\"");

        var status = await buffer!.Append(initSegmentBytes);   // Success
        status = await buffer.Append(mediaSegmentBytes);

        if (status == SourceBufferAppendStatus.QuotaExceeded)
        {
            await buffer.Remove(0, currentTime - 10);          // evict what has already played
            status = await buffer.Append(mediaSegmentBytes);   // and try the same segment again
        }

        foreach (var range in await buffer.GetBuffered())
        {
            Console.WriteLine($"{range.Start:0.00}s - {range.End:0.00}s");
        }
    }
}

@code {
    private MediaSourceHandle? source;    // attached to a <video> element
    private SourceBufferHandle? buffer;   // from AddSourceBuffer

    private async Task Timeline()
    {
        await source!.SetDuration(120);                       // what the seek bar is drawn from

        await buffer!.SetMode(SourceBufferMode.Sequence);     // lay segments end to end
        await buffer.SetTimestampOffset(30);                  // or place them at a point you choose
        await buffer.SetAppendWindow(0, 10);                  // and drop whatever falls outside

        await buffer.Remove(0, 30);                           // free what has already been played
    }
}

@code {
    private MediaSourceHandle? source;   // attached to a <video> element

    private async Task Finish(double liveEdge)
    {
        await source!.EndOfStream();                                   // finished cleanly

        await source.EndOfStream(MediaSourceEndOfStreamError.Network); // the next segment never arrived

        await source.SetLiveSeekableRange(liveEdge - 60, liveEdge);    // a one-minute DVR window
        await source.ClearLiveSeekableRange();
    }
}