Mux Logo
stream.new: Add a video. Get a sharable link to stream it.
stream.new logo

stream.new: Add a video. Get a sharable link to stream it.

10/01/2020October 1, 2020(2 months ago)
4 min read
10/01/2020October 1, 2020(2 months ago)
4 min read

stream.new: Add a video. Get a sharable link to stream it.

https://stream.new what a sweet domain, right?

This is a new project built by Mux. It is 100% fast, free and easy to use. And best of all, it's 100% open source.

The premise is simple: you have a video and you want to share it. Think of things like: a screen recording to report a bug, a recording of a talk you gave at a conference.

Open up the browser on your mobile device and type in stream.new in the URL bar. From there tap "Add a Video" which will bring up the option to either select an existing video or start up the camera and record directly from your device.

On desktop you you and either drag and drop a video onto the page or click "Upload a video" and select a file.

Desktop

Record-in browser

From your desktop browser you can even record a quick video without leaving the browser. Try this out - select either your camera or screen and microphone, then start recording. When you're done the video gets uploaded the same way as if you uploaded a pre-existing video file.

Note that the in-browser recording is a bit experimental. It uses getUserMedia and MediaRecorder on the browser side. Don't plan on doing an hour long screen recording of a remote poker game with your friends, maybe just use it for short recordings that are no more than a few minutes long.

I have found this feature to be most useful when I want to share a quick screen recording with voice over for one of my colleagues to watch.

Uniquely sharable

After your video uploads and processes you get a unique link that starts with https://stream.new/v/ . Whoever has that link can easily watch your video.

When you share a link the URL will be rendered with open graph tags and generate an image for previewing on social networks.

sharable link

Why is Mux building this?

The main reason is because: this is fun, we're developers, and we like to build stuff.

More practically speaking, it's to build our customer empathy. On the DevEx team, we spend our days talking to customers about using the Mux API, helping customers integration Mux into their workflows and improving our overall Developer Experience. All of this work requires a deep level of customer empathy.

Building a better developer experience all starts with empathy.

The more that we as a team can be customers of our own product, the better we will be in the long run. Building products that developers love is core to our mission a key strategy of how we win in the long term.

Why is this free?

It's free because it's a fun, open-source example project. Please use it accordingly. See the terms for more details.

Tech details

stream.new is a fun JAMstack application built with NextJS and deployed to Vercel.

  • Mux Direct Uploads
  • Mux thumbnails
  • Mux Video for playback
  • Mux Data for video performance monitoring
  • NextJS React framework

Source code is on Github: https://github.com/muxinc/stream.new

Perhaps most notably is the technology that this project is missing. There is no database. The entire app is completely stateless. As we develop this project we will probably have to add a database of some sort soon. If you're building something similar, you probably will leverage some sort of database in your project. For now and for how lightweight this product is we can actually accomplish all of the essential elements while keeping the number of moving pieces to a minimum.

Where does it go from here?

We will see! Please use it and let us know how it works for you! In the phases of product development I would say we built a solid scooter. We'll see how it evolves now that it is out in the wild!

skateboard to car product development

Subscribe to the Mux newsletter