Playing a live stream from MediaMtx

[morris-bah]

I have an RTSP stream which is being translated to HLS via MediaMtx, for example:
http://localhost:8888/test1
When I try to play this stream by plugging the url into my vue.js component's hls.js code, I receive a network error:

details: 'manifestParsingError'
err: Error: no EXTM3U delimiter

Does hls.js only play m3u playlists?

[robwalch]

Does hls.js only play m3u playlists?

Yes. HLS assets consist of at least one playlist.

[morris-bah]

Thank you for your answer. MediaMTX outputs the HLS stream to the URL in the format I posted above. I have observed that both Chrome and Edge can display the video from that URL, and they also seem to be using hls. js to do so. But so much of the code that I can view via the devtools is obfuscated that I so far haven't been able to deduce how they do that. It does seem that at some point the input URL above is transformed into a URL that starts with the string "blob:", and then there is some kind of UUID appended to it.

…

________________________________ From: Rob Walch ***@***.***> Sent: Sunday, February 4, 2024 12:58:43 PM To: video-dev/hls.js ***@***.***> Cc: Maynard, Morris [USA] ***@***.***>; Author ***@***.***> Subject: [External] Re: [video-dev/hls.js] Playing a live stream from MediaMtx (Discussion #6175) Does hls.js only play m3u playlists? Yes. HLS assets consist of at least one playlist. — Reply to this email directly, view it on GitHub<https://urldefense.com/v3/__https://github.com/video-dev/hls.js/discussions/6175*discussioncomment-8362151__;Iw!!May37g!I7CGAHFMBM5HPirkY0m_GdyhOs7dV7yqasqWC_6spO9KuVicMgiMh0ulBv5PiGIAYzlrF7-3mrMpwk1ADXJOb3HALJU$>, or unsubscribe<https://urldefense.com/v3/__https://github.com/notifications/unsubscribe-auth/AZKHPDQFKW574FFP62ARLW3YR7D5HAVCNFSM6AAAAABCXLQWA2VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DGNRSGE2TC__;!!May37g!I7CGAHFMBM5HPirkY0m_GdyhOs7dV7yqasqWC_6spO9KuVicMgiMh0ulBv5PiGIAYzlrF7-3mrMpwk1ADXJOgJcxG-k$>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[robwalch]

MediaMTX outputs the HLS stream to the URL in the format I posted above.

I don't see any example of an HLS stream above. http://localhost:8888/test1 is local to you. A 'manifestParsingError' means that you tried to load a URL with HLS.js that and the end-point did not respond with HLS content.

[Mikaio]

@morris-bah did you try to load the MediaMTX hls url (http://your-ip:8888) into HLS.js with hls.loadSource(videoSrc);? Or did you try to embed it with a iframe? Because if you want to do so, you need to follow MediaMTX's example to create your own, as they mentioned at the end of this section.