Create routine to warn the user if the allowed IPs for the WebRTC ICE…

… candidates were not yet defined

src/stores/video.ts

@@ -1,10 +1,30 @@
 import { useStorage } from '@vueuse/core'
 import { defineStore } from 'pinia'
+import Swal from 'sweetalert2'
 import { ref } from 'vue'
 
 export const useVideoStore = defineStore('video', () => {
   const availableIceIps = ref<string[] | undefined>(undefined)
   const allowedIceIps = useStorage<string[]>('cockpit-allowed-stream-ips', [])
 
+  // Routine to make sure the user has chosen the allowed ICE candidate IPs, so the stream works as expected
+  const iceIpCheckInterval = setInterval(() => {
+    // Pass if there are no available IPs yet or if the user has already set the allowed ones
+    if (availableIceIps.value === undefined || !allowedIceIps.value.isEmpty()) {
+      return
+    }
+    // If there's more than one IP candidate available, send a warning an clear the check routine
+    if (availableIceIps.value.length >= 1) {
+      Swal.fire({
+        text: `Cockpit detected more than one IP being used to route the video streaming.
+          This situation often leads to video stuterring, specially if one of the IPs is from a non-wired connection.
+          To prevent issues and have an optimum streaming experience, please open the configuration of one of your
+          video widgets and choose the IP that should be used for the video streamings.`,
+        icon: 'warning',
+      })
+      clearInterval(iceIpCheckInterval)
+    }
+  }, 5000)
+
   return { availableIceIps, allowedIceIps }
 })