Support sending clap events at a specific time in audio mode

src/components/Chat.vue

@@ -10,6 +10,7 @@
       v-on:loadnext="handleScrolledToBottom(false)"
       v-on:loadprevious="handleScrolledToTop()"
       v-on:mark-read="sendRR"
+      v-on:sendclap="sendClapReactionAtTime"
       />
       <VoiceRecorder class="audio-layout" v-if="useVoiceMode" :micButtonRef="$refs.mic_button" :ptt="showRecorderPTT" :show="showRecorder"
           v-on:close="showRecorder = false" v-on:file="onVoiceRecording" :sendTypingIndicators="useVoiceMode" />
@@ -1301,6 +1302,17 @@ export default {
       this.$refs.messageOperationsSheet.close();
     },
 
+    sendClapReactionAtTime(e) {
+      util
+        .sendQuickReaction(this.$matrix.matrixClient, this.roomId, "👏", e.event, { timeOffset: e.timeOffset.toFixed(0)})
+        .then(() => {
+          console.log("Send clap reaction at time", e.timeOffset);
+        })
+        .catch((err) => {
+          console.log("Failed to send clap reaction:", err);
+        });
+    },
+
     sendQuickReaction(e) {
       let previousReaction = null;
 
@@ -1577,7 +1589,7 @@ export default {
           const nextEvent = filteredEvents[index + 1];
           if (nextEvent.getContent().msgtype === "m.audio") {
             // Yes, audio event!
-            this.$audioPlayer.play(nextEvent);
+            this.$audioPlayer.play(nextEvent, this.timelineSet);
           }
         }
       }