Appending videos using Media Source Extensions

Job ID: 32876021

Budget: $14 – $30 NZD

I have a streaming video website, it's www.fishycam.com
It plays videos from a Javascript array.

As each video finishes, the next video is started but there is a little flicker when that happens.

I want them to be played back using "sequence", not "segments".
Each video is exactly 10 seconds long and timestamps are "reset" when the videos are encoded.

On the initial page load, the first video in the array needs to start playing right away; not wait until it is fully loaded.

While the first video is playing, I want the second to be loaded into a buffer.
Then when the second is playing, I want the third to be loaded into a buffer, etc...

Once the first video ends, I want the second video to be added using Media Source Extensions, with the sourceBuffer.appendBuffer() command, to the existing video so that it automatically plays.

Please only bid if you have experience of Media Source Extensions and playing videos one after the other with no gap using them.
Related categories: JavaScript HTML5 Video Streaming