#EXT-X-I-FRAME-STREAM-INF and #EXT-X-I-FRAMES-ONLY without a second `<video>` element

[zemlanin]

What do you want to do with Hls.js?

Smart TVs have a limit of a single active <video> element:

• https://webostv.developer.lge.com/faq/2023-08-11-can-i-use-two-video-tags-at-the-same-time
• I couldn't find a Tizen documentation, but there's this and my test Samsung TV switches goes haywire when two video elements are rendered

#7757 only described how to render i-frames using a separate <video> element

What are expected/possible workflows on platforms with the "single <video>" limit?

• (somehow) conditionally render i-frames to the main <video>?
• use some API to get frame data? ("some" because I couldn't find one 😔)
• not use i-frames at all on Smart TV?
• something else?

What have you tried so far?

No response

[robwalch]

To display thumbnails on top with HLS, you need to use jpg variants (#7755). If you are okay with fullscreen scan, fast-forward, or rewind, then you either have to allow switching to iframe variants or transfer the media source (API added in 1.6 for interstitial assets) to an iframe-only instance. The challenge then becomes managing the overhead of provisioning the audio buffer or dealing with visual interruption caused by resetting the source to video only.

[zemlanin]

The challenge then becomes managing the overhead of provisioning the audio buffer or dealing with visual interruption caused by resetting the source to video only.

Yeah, it is the challenge indeed…

---

Thank you, I'll keep an eye on #7755