Add AudioPlayer & EventAudio

src/qml/Chat/Timeline/EventAudio.qml

@@ -0,0 +1,20 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import QtAV 1.7
+import "../../Base"
+import "../../Base/MediaPlayer"
+import "../../utils.js" as Utils
+
+AudioPlayer {
+    id: audio
+    width: Math.min(
+        mainColumn.width - eventContent.spacing * 2,
+        theme.chat.message.audioWidth,
+    )
+
+    HoverHandler {
+        onHoveredChanged:
+            eventDelegate.hoveredMediaTypeUrl =
+                hovered ? [EventDelegate.Media.Audio, audio.source] : []
+    }
+}

src/qml/Chat/Timeline/EventDelegate.qml

@@ -130,6 +130,12 @@ Column {
                 contextMenu.media[0] === EventDelegate.Media.Image ?
                 qsTr("Copy image address") :
 
+                contextMenu.media[0] === EventDelegate.Media.Video ?
+                qsTr("Copy video address") :
+
+                contextMenu.media[0] === EventDelegate.Media.Audio ?
+                qsTr("Copy audio address") :
+
                 qsTr("Copy media address")
 
             visible: Boolean(text)

src/qml/Chat/Timeline/EventMediaLoader.qml

@@ -69,6 +69,10 @@ HLoader {
             var file  = "EventVideo.qml"
             var props = { source: mediaUrl }
 
+        } else if (type === EventDelegate.Media.Audio) {
+            var file  = "EventAudio.qml"
+            var props = { source: mediaUrl }
+
         } else { return }
 
         loader.setSource(file, props)

src/qml/Chat/Timeline/EventVideo.qml

@@ -12,8 +12,7 @@ VideoPlayer {
         theme.chat.message.videoWidth,
     )
 
-    onHoveredChanged: {
+    onHoveredChanged:
         eventDelegate.hoveredMediaTypeUrl =
             hovered ? [EventDelegate.Media.Video, video.source] : []
-    }
 }