Prevent phones from sleeping while in other modes than standby

Author: lars-frogner

setup_server.sh

@@ -237,6 +237,27 @@ if [[ "$INSTALL_ANIME" = true ]]; then
     cd -
 fi
 
+INSTALL_NOSLEEP_JS=true
+if [[ "$INSTALL_NOSLEEP_JS" = true ]]; then
+    NOSLEEP_JS_VERSION=0.12.0
+    if [[ "$NOSLEEP_JS_VERSION" = "latest" ]]; then
+        FILENAME_ROOT="master"
+        FILENAME="$FILENAME_ROOT.zip"
+        DOWNLOAD_URL=https://github.com/richtr/NoSleep.js/archive/$FILENAME
+    else
+        FILENAME_ROOT=$NOSLEEP_JS_VERSION
+        FILENAME=v$NOSLEEP_JS_VERSION.zip
+        DOWNLOAD_URL=https://github.com/richtr/NoSleep.js/archive/refs/tags/$FILENAME
+    fi
+    cd /tmp
+    wget $DOWNLOAD_URL
+    unzip $FILENAME
+    mkdir -p $BM_LINKED_SITE_DIR/library/nosleep-js
+    mv NoSleep.js-$FILENAME_ROOT/dist/* $BM_LINKED_SITE_DIR/library/nosleep-js/
+    rm -r $FILENAME NoSleep.js-$FILENAME_ROOT
+    cd -
+fi
+
 INSTALL_VIDEOJS=true
 if [[ "$INSTALL_VIDEOJS" = true ]]; then
     VIDEOJS_VERSION=7.13.3

site/public/js/main.js

@@ -2,8 +2,10 @@ const MAIN_CONTAINER_ID = 'main_container';
 const FOOTER_CONTAINER_ID = 'footer_container';
 
 const MODE_RADIO_STANDBY_ID = 'mode_radio_standby';
+const MODE_RADIO_LISTEN_ID = 'mode_radio_listen';
+const MODE_RADIO_AUDIO_ID = 'mode_radio_audiostream';
 
-var radioIds = [MODE_RADIO_STANDBY_ID, 'mode_radio_listen', 'mode_radio_audiostream'];
+var radioIds = [MODE_RADIO_STANDBY_ID, MODE_RADIO_LISTEN_ID, MODE_RADIO_AUDIO_ID];
 var contentIds = ['mode_content_standby', MODE_CONTENT_LISTEN_ID, MODE_CONTENT_AUDIO_ID];
 if (USES_CAMERA) {
     radioIds.push('mode_radio_videostream');
@@ -36,6 +38,8 @@ $(function () {
             _ONLY_WAIT_FOR_STREAM = false;
         }
     });
+
+    setupSleepPrevention();
 });
 
 function setCurrentMode(mode) {
@@ -58,6 +62,28 @@ function getModeRadio(modeName) {
     return $('#mode_radio_' + modeName);
 }
 
+function setupSleepPrevention() {
+    const NO_SLEEP = new NoSleep();
+
+    $('#' + MODE_RADIO_LISTEN_ID).click(function () {
+        if (!NO_SLEEP.enabled) {
+            NO_SLEEP.enable();
+        }
+    });
+
+    $('#' + MODE_RADIO_AUDIO_ID).click(function () {
+        if (!NO_SLEEP.enabled) {
+            NO_SLEEP.enable();
+        }
+    });
+
+    $('#' + MODE_RADIO_STANDBY_ID).click(function () {
+        if (NO_SLEEP.enabled) {
+            NO_SLEEP.disable();
+        }
+    });
+}
+
 function registerModeChangeHandler() {
     MODE_RADIO_IDS.forEach(id => {
         var radio = $('#' + id);

site/public/main.php

@@ -321,6 +321,7 @@
   }
   require_once(TEMPLATES_DIR . '/hls-js_js.php');
   require_once(TEMPLATES_DIR . '/anime_js.php');
+  require_once(TEMPLATES_DIR . '/nosleep-js_js.php');
   require_once(TEMPLATES_DIR . '/jquery_js.php');
   require_once(TEMPLATES_DIR . '/js-cookie_js.php');
 

site/templates/nosleep-js_js.php

@@ -0,0 +1 @@
+<script src="library/nosleep-js/NoSleep.min.js"></script>