stream.new VS hls.js

This is super cool! We built something in the same vein but using Mux as a way to dog food our products: https://stream.new

I noticed your demo example in your top comment isn’t working, which made me suspect you’re just using the raw MediaRecorder output, and sure enough. Unfortunately…that’s just not going to work for any “real” use case.

MediaRecorder is well known in the video infra world as being incredibly crappy videos, to the point of being difficult to transcode reliably much less just use directly as a video for playback. Sorry to be the bearer of bad news, but there’s just no way of avoiding a proper transcode (if you care about the videos created from any supported browser being playable on the gamut of browsers).

Thanks! Yeah that would be a significant improvement.

This started as a little demo project with Nextjs + Mux and then evolved into more of an actual product (https://github.com/muxinc/stream.new).

Right now the lightweight utility aspect of stream.new feel right, but if we continue to build upon it as a standalone free product then adding the concept of an "account" with saved videos makes a ton of sense.

Good point; there's only a single server handling all the requests so things can be a bit slow depending on the time of day. And there are browser limits to the number of concurrent connections.

Apple browsers with native HLS support are better than those without as well. Other browsers need to load everything via https://github.com/video-dev/hls.js/ which slows things down.

Another user using Ubuntu + Firefox just reported this issue recently. You're likely running into this issue - the streaming library we use requires a codec that some browsers have bundled, but Firefox is not one of them. It expects the OS to provide it, and it sounds like yours is not.

I'm trying to build a simple web player for Jellyfin, for another project I'm working on that will embed a clipper. I am using HLS.js to load HLS streams, which seems to work really well for movies, but not at all for shows.

If you mean hls.js https://github.com/video-dev/hls.js/, I prefer Shaka because it can play both HLS and DASH, adding tons of stuff on top of it

I don't know the answer to the WebRTC part, but as long as you have a server with not-outrageously-priced outbound bandwidth, you can install an open source RTMP server like SRS[1], and stream to that RTMP server from OBS. It's really easy, configure the RTMP server & stream key, then "Start Streaming" which is right next to "Start Recording". You can then hand your friends a link, and they can play it in any media player with RTMP/HLS/FLV stream support, or you can add a simple web UI with e.g. hls.js[2] (very easy to write, there might even be prepackaged solutions) so that they truly don't need to download anything.

[1] https://github.com/ossrs/srs

[2] https://github.com/video-dev/hls.js/

I think HLS.js solved the same issue for H264.

hls.js

https://github.com/video-dev/hls.js/ <--download the release.zip, unpack it, extract dist/hls.js and dist/hls.js.map you can discard the rest. Near as I can tell these do not contain any external HTTP calls, IE: it's fully self-contained.