Model improvements

Shared/Player/Controls/PlayerControls.swift

@@ -72,7 +72,7 @@ struct PlayerControls: View {
                     }
                     .offset(y: playerControlsLayout.osdVerticalOffset + 5)
 
-                    if model.presentingControls, !model.presentingOverlays {
+                    Section {
                         #if !os(tvOS)
                             HStack {
                                 seekBackwardButton
@@ -160,7 +160,8 @@ struct PlayerControls: View {
                                 .offset(y: -playerControlsLayout.timelineHeight - 5)
                             #endif
                         }
-                    }
+                    }.opacity(model.presentingControls && !model.presentingOverlays ? 1 : 0)
+                    
                 }
             }
             .frame(maxWidth: .infinity)
@@ -219,14 +220,23 @@ struct PlayerControls: View {
            let video = item.video,
            let url = thumbnails.best(video)
         {
-            WebImage(url: url)
-                .resizable()
-                .placeholder {
-                    Rectangle().fill(Color("PlaceholderColor"))
+            if #available(iOS 15, macOS 12, *) {
+                AsyncImage(url: url) { image in
+                    image
+                        .resizable()
+                } placeholder: {
+                    Rectangle().foregroundColor(Color("PlaceholderColor"))
                 }
-                .retryOnAppear(true)
-                .indicator(.activity)
-                .frame(maxWidth: .infinity, maxHeight: .infinity)
+            } else {
+                WebImage(url: url)
+                    .resizable()
+                    .placeholder {
+                        Rectangle().fill(Color("PlaceholderColor"))
+                    }
+                    .retryOnAppear(true)
+                    .indicator(.activity)
+                    .frame(maxWidth: .infinity, maxHeight: .infinity)
+            }
         }
     }
 

Shared/Player/Controls/PlayerControlsLayout.swift

@@ -60,7 +60,7 @@ enum PlayerControlsLayout: String, CaseIterable, Defaults.Serializable {
         case .veryLarge:
             return 40
         case .large:
-            return 30
+            return 25
         case .medium:
             return 25
         case .small:

Shared/Player/Controls/TimelineView.swift

@@ -44,9 +44,10 @@ struct TimelineView: View {
         @Environment(\.verticalSizeClass) private var verticalSizeClass
     #endif
 
+    @ObservedObject private var playerTime = PlayerTimeModel.shared
+
     @EnvironmentObject<PlayerModel> private var player
     @EnvironmentObject<PlayerControlsModel> private var controls
-    @EnvironmentObject<PlayerTimeModel> private var playerTime
 
     @Default(.playerControlsLayout) private var regularPlayerControlsLayout
     @Default(.fullScreenPlayerControlsLayout) private var fullScreenPlayerControlsLayout
@@ -392,7 +393,7 @@ struct TimelineView_Previews: PreviewProvider {
     static var previews: some View {
         let playerModel = PlayerModel()
         playerModel.currentItem = .init(Video.fixture)
-        let playerTimeModel = PlayerTimeModel()
+        let playerTimeModel = PlayerTimeModel.shared
         playerTimeModel.player = playerModel
         playerTimeModel.currentTime = .secondsInDefaultTimescale(33)
         playerTimeModel.duration = .secondsInDefaultTimescale(100)
@@ -400,7 +401,6 @@ struct TimelineView_Previews: PreviewProvider {
             TimelineView()
         }
         .environmentObject(playerModel)
-        .environmentObject(playerTimeModel)
         .environmentObject(PlayerControlsModel())
         .padding()
     }