config: allow adjusting the speed of gifs (#1147)

Signed-off-by: Dan Griffiths <dgriffiths@widgitlabs.com>

README.md

@@ -219,6 +219,8 @@ default, you must create it manually.
 ```json
 {
     "appearance": {
+        "mediaGifSpeedAdjustment": 300,
+        "sessionGifSpeed": 0.7,
         "anim": {
             "durations": {
                 "scale": 1

config/AppearanceConfig.qml

@@ -80,6 +80,8 @@ JsonObject {
     }
 
     component Anim: JsonObject {
+        property real mediaGifSpeedAdjustment: 300
+        property real sessionGifSpeed: 0.7
         property AnimCurves curves: AnimCurves {}
         property AnimDurations durations: AnimDurations {}
     }

config/Config.qml

@@ -122,6 +122,8 @@ Singleton {
                 }
             },
             anim: {
+                mediaGifSpeedAdjustment: 300,
+                sessionGifSpeed: 0.7,
                 durations: {
                     scale: appearance.anim.durations.scale
                 }

modules/dashboard/Media.qml

@@ -380,7 +380,7 @@ Item {
             height: visualiser.height * 0.75
 
             playing: Players.active?.isPlaying ?? false
-            speed: Audio.beatTracker.bpm / 300
+            speed: Audio.beatTracker.bpm / Appearance.anim.mediaGifSpeedAdjustment
             source: Paths.absolutePath(Config.paths.mediaGif)
             asynchronous: true
             fillMode: AnimatedImage.PreserveAspectFit

modules/dashboard/dash/Media.qml

@@ -213,7 +213,7 @@ Item {
         anchors.margins: Appearance.padding.large * 2
 
         playing: Players.active?.isPlaying ?? false
-        speed: Audio.beatTracker.bpm / 300
+        speed: Audio.beatTracker.bpm / Appearance.anim.mediaGifSpeedAdjustment
         source: Paths.absolutePath(Config.paths.mediaGif)
         asynchronous: true
         fillMode: AnimatedImage.PreserveAspectFit

modules/session/Content.qml

@@ -53,7 +53,7 @@ Column {
 
         playing: visible
         asynchronous: true
-        speed: 0.7
+        speed: Appearance.anim.sessionGifSpeed
         source: Paths.absolutePath(Config.paths.sessionGif)
     }