This post demonstrated how to create a video player and handle player events with React Player using Gatsby.js.

Simulate a Streaming Event in Gatsby.js

Netflix uses optimized transitions to autoplay a movie when it's highlighted. Learn how to do this in React.js.

Creating Netflix Style Overlay Transitions

The MediaStream Recording API  makes it possible to capture data generated by a `[MediaStream](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream)` or `[HTMLMediaElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement)` object for analysis, processing, or saving to disk.

Record Videos with MediaStream Recording API

In this Mediajam we will learn how to use Tagged Markers in navigating specific sections in videos using Cloudinary and the different addons they provide. We'll use the Next.js framework to build the application.