fix(CAMERA_STREAM): support non-HLS-capable devices

[difelice]

Non HLS compatible devices, like old generation iPads, could try to "stream" video using internal browser capabilities, like Safari in iOS.

Camera Stream not working on legacy iPad:

Using video tag attributes directly works:

Example config:

{
  position: [0, 0],
  width: 3,
  height: 2,
  bgSize: "cover",
  state: false,
  type: TYPES.CAMERA_THUMBNAIL,
  refresh: 5000,
  id: "camera.backyard",
  fullscreen: {
    type: TYPES.CAMERA_STREAM,
    noHls: true,
    objFit: "contain",
    id: "camera.backyard",
    bufferLength: 5,
  },
}

[rchl]

I feel like HLS script itself should handle that. Either through feature detection or user-agent sniffing. Have you tried raising this as an issue on their repo (https://github.com/video-dev/hls.js)?

[rchl]

Actually, in their code example, they are checking support with Hls.isSupported(). So it's likely that we should do the same instead of introducing an option.

[resoai]

A separate issue with HLS we have is that pausing the stream is not implemented when page is changed or screensaver starts.

https://github.com/resoai/TileBoard/blob/master/scripts/directives.js#L217

[difelice]

Actually, in their code example, they are checking support with Hls.isSupported(). So it's likely that we should do the same instead of introducing an option.

Added check and works as expected. Thanks

[rchl]

Thanks!