Add game Sounds to Team Displays

Author: cpapplefamily

static/js/alliance_station_display.js

@@ -118,6 +118,17 @@ var handleMatchTime = function(data) {
   });
 };
 
+
+// Handles a websocket message to play a sound to signal match start/stop/etc.
+const handlePlaySound = function(sound) {
+  $("audio").each(function(k, v) {
+    // Stop and reset any sounds that are still playing.
+    v.pause();
+    v.currentTime = 0;
+  });
+  $("#sound-" + sound)[0].play();
+}; 
+
 // Handles a websocket message to update the match score.
 var handleRealtimeScore = function(data) {
   $("#redScore").text(
@@ -140,6 +151,7 @@ $(function() {
     matchLoad: function(event) { handleMatchLoad(event.data); },
     matchTime: function(event) { handleMatchTime(event.data); },
     matchTiming: function(event) { handleMatchTiming(event.data); },
-    realtimeScore: function(event) { handleRealtimeScore(event.data); }
+    realtimeScore: function(event) { handleRealtimeScore(event.data); },
+    playSound: function(event) { handlePlaySound(event.data); }
   });
 });

templates/alliance_station_display.html

@@ -39,5 +39,9 @@
     <script src="/static/js/cheesy-websocket.js"></script>
     <script src="/static/js/match_timing.js"></script>
     <script src="/static/js/alliance_station_display.js"></script>
+    {{range $sound := .MatchSounds}}
+    <audio id="sound-{{$sound.Name}}" src="/static/audio/{{$sound.Name}}.{{$sound.FileExtension}}" preload="auto">
+    </audio>
+  {{end}}
   </body>
 </html>