Add support for multiple streams

[dbuezas]

Adds support for multiple streams per card, each with a different URL, name and mode (optional)

type: custom:webrtc-camera
streams:
  - url: camera_hd_stream
    name: HD
    mode: mse
  - url: camera_sd_stream
    name: SD
    mode: webrtc
ui: true

Closes #523

[dbuezas]

One detail worth considering is that the stream name button/label shows the next stream instead of the current one. This is because I interprete it as a "button to switch to that stream"

It may be best to show the active stream instead

[AlexxIT]

Yes. I think it's better to show current stream name. But tooltip can show next name.

[dbuezas]

Alright, it now shows the name of the current stream

[direx1]

This is a great feature but is this always going to load the first stream in the list or retain current one after a refresh. Really I want to load a low res each time but have the option to switch to HD periodically. Another thought would be possibly to have the option for 2 of these buttons or some option that could say select which camera you want and then whether you want it's main or substream, possibly even another again for mode although this may look crowded on the player.

[Mr-HaleYa]

@direx1 It looks like the order you put the streams is the order they will load, and the highest quality mode that works will be the one that is shown for that steam.

[dbuezas]

It loads the first url in the list. f you state a mode (mse, webrtc) it will use it, otherwise it will behave as usual and use the best available.

[gtxaspec]

This is awesome! I was just wishing this was a feature the other day😀

[dbuezas]

I've been using this for 2 weeks and it works very well, anything else you wish this PR to have @AlexxIT, or are you just too busy at the moment? :)

[AlexxIT]

I'm on vacation. Travelling.

[AlexxIT]

Thanks!

[AlexxIT]

https://github.com/AlexxIT/WebRTC/releases/tag/v3.3.0

[gtxaspec]

@dbuezas when switching resolutions is there a way to keep the current "image" on the display, and then switch over right away to the new resolution?

example, current behavior: display SD, switch to HD, black screen while loading, display HD

anyway to avoid the black screen (or poster if configured) while switching resolutions?

[dbuezas]

It would require quite a bit of a refactoring since the current implementation pretty much restarts all the video logic when the stream is swapped.

Keeping the old stream alive until the new one starts means having two streams in parallel, and the code isn't architected to do that.

I wonder what @AlexxIT thoughts on this are

[dbuezas]

One cheap fake alternative is to take a screenshot of the old stream and show that while the new one loads

[AlexxIT]

Yes. Easiest solution will be to use screenshot as poster

[oNaiPs]

Would this PR also allow to select multiple entities, like:

streams:
  - entity: entity_1_main
    name: HD
    mode: mse
  - entity: entity_1_sub
    name: SD
    mode: webrtc

[AlexxIT]

Yes. PR works for entities

[oNaiPs]

Awesome, I should have tried before asking. Definitely works!