Use mjpeg streaming if browser is safari on ios

Connects-to: #34 Signed-off-by: Marios Balamatsias <mbalamatsias@gmail.com>
balena-labs-projects · Jun 17, 2019 · 8c19e5b · 8c19e5b
1 parent 8222c05
commit 8c19e5b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/balena-cam/app/client/client.js b/balena-cam/app/client/client.js
@@ -274,8 +274,11 @@ function startMJPEG() {
   showContainer('mjpeg');
 }
 
-if (window.navigator.userAgent.indexOf("Edge") > -1) {
-  //state 3 means the client is a Microsoft Edge
+var isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/);
+var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+var safariOnIos = isSafari && iOS;
+if (window.navigator.userAgent.indexOf("Edge") > -1  || safariOnIos) {
+  //state 3 means the client is a Microsoft Edge or Safari on iOS
   state = 3;
   startMJPEG();
 } else {