Resolve "for chat mode, auto-play next audio message"

src/components/Chat.vue

@@ -422,6 +422,7 @@ export default {
   },
 
   mounted() {
+    this.$root.$on('audio-playback-ended', this.audioPlaybackEnded);
     const container = this.chatContainer;
     if (container) {
       this.scrollPosition = new ScrollPosition(container);
@@ -432,6 +433,8 @@ export default {
   },
 
   beforeDestroy() {
+    this.$root.$off('audio-playback-ended', this.audioPlaybackEnded);
+    this.$audioPlayer.pause();
     this.stopRRTimer();
   },
 
@@ -1527,8 +1530,27 @@ export default {
       } else {
         this.showNoRecordingAvailableDialog = true;
       }
-    }
+    },
 
+    /**
+     * Called when an audio message has played to the end. We listen to this so we can optionally auto-play
+     * the next audio event.
+     * @param matrixEvent The event that stopped playing
+     */
+    audioPlaybackEnded(matrixEventId) {
+      if (!this.useVoiceMode) { // Voice mode has own autoplay handling inside "AudioLayout"!
+        // Auto play consecutive audio messages, either incoming or sent.
+        const filteredEvents = this.filteredEvents;
+        const index = filteredEvents.findIndex(e => e.getId() === matrixEventId);
+        if (index >= 0 && index < (filteredEvents.length - 1)) {
+          const nextEvent = filteredEvents[index + 1];
+          if (nextEvent.getContent().msgtype === "m.audio") {
+            // Yes, audio event!
+            this.$audioPlayer.play(nextEvent);
+          }
+        }
+      }
+    }
   },
 };
 </script>