Problem Description

I'd like to create an HLS stream that will enable me to stream a sequence of images (jpgs) to https://zap.stream/ I'm not sure if this is technically possible so this is just a bare bones Proof of Concept to test viability.

Acceptance Criteria

If you can demonstrate code that it's possible to have a webserver with a handful of .jpg images that serves up a HLS stream over http(s) that will stream to zap.stream and play the images there. By "play" I mean it will just loop through the images in sequence.

Technical Details

The zap.stream site asks for a Stream Url which says: "Stream type should be HLS" so I looked into creating HLS streams a bit on my own and noticed this "The easiest way to distribute HLS media is to create a webpage that includes the HTML5 tag, using an M3U8 playlist file as the video source." (see: https://developer.apple.com/documentation/http-live-streaming/deploying-a-basic-http-live-streaming-hls-stream) and I know that an M3U8 playlist can be a list of images -- I tested this with VLC player on desktop and it played the image playlist as expected.

You may be able to come up with another solution to the problem but my attempt to have an HTML5 tag play an .m3U8 playlist which contained jpgs didn't work. I wasn't able out figure out why. Can you?

Link to Project