Media Source Extensions - streaming video help

Job ID: 32467729

Budget: $14 – $30 NZD

I have an array of video URLs. They are vp8 encoded webm files.
I need them to play one after the other with no gap.
Each video is exactly 10 seconds long and timestamps are reset.

I want them to be played back using "sequence", not "segments".

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.

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.


I have two nearly-working bits of code but they both have flaws and I need someone who really understands the code to help me out please.

On https://www.fishycam.com/index.html and https://www.fishycam.com/test.html

The first link, the issue is that ALL the videos in the array are preloaded and it only plays once they've finished loading! So temporarily, I've put in a setTimeout just to refresh the page and have made the amount of videos in the array really small.

The second link is some new code but it only loads one video.


I hope that makes sense. Please only bid if you have experience of Media Source Extensions.

Thank you :-)
Related categories: JavaScript Video Streaming