v1.4.6+67

...
v1.4.5+66
2025-06-23 02:51:49 +02:00 · 2025-06-22 17:24:43 +02:00 · 2025-06-22 03:40:13 +02:00 · 2025-06-22 03:02:18 +02:00 · 2025-06-21 18:50:00 +02:00 · 2025-06-21 16:48:28 +02:00
23 changed files with 717 additions and 419 deletions
--- a/.metadata
+++ b/.metadata
@ -4,8 +4,8 @@
 # This file should be version controlled and should not be manually edited.

 version:
-  revision: "8b18dde77fa59ba7f87540c05d1aba787198e77a"
-  channel: "master"
+  revision: "01fde956f0d13551843a44ae16eda7ca87478603"
+  channel: "beta"

 project_type: app

@ -13,27 +13,8 @@ project_type: app
 migration:
  platforms:
    - platform: root
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-    - platform: android
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-    - platform: ios
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-    - platform: linux
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-    - platform: macos
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-    - platform: web
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-    - platform: windows
-      create_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-      base_revision: 8b18dde77fa59ba7f87540c05d1aba787198e77a
-
+      create_revision: 01fde956f0d13551843a44ae16eda7ca87478603
+      base_revision: 01fde956f0d13551843a44ae16eda7ca87478603
  # User provided section

  # List of Local paths (relative to this file) that should be
--- a/README.md
+++ b/README.md
@ -1,5 +1,5 @@
 # fApp
-![f0ck.me Logo](https://git.lat/f0ck/fApp/raw/branch/master/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png)
+![f0ck.me Logo](https://git.lat/f0ck/fApp/raw/branch/master/assets/images/menu.webp)
 ## Overview

 fApp is the mobile application for the website [f0ck.me](https://f0ck.me). This app provides a user-friendly interface to access the content of the website and utilize its features conveniently from your mobile device.
--- a/lib/controller/authcontroller.dart
+++ b/lib/controller/authcontroller.dart
@ -2,16 +2,17 @@ import 'dart:convert';

 import 'package:get/get.dart';
 import 'package:encrypt_shared_preferences/provider.dart';
-import 'package:http/http.dart' as http;
+
+import 'package:f0ckapp/models/user.dart';

 class AuthController extends GetxController {
  final EncryptedSharedPreferencesAsync storage =
      EncryptedSharedPreferencesAsync.getInstance();

+  final GetConnect http = GetConnect();
+
  RxnString token = RxnString();
-  RxnInt userId = RxnInt();
-  RxnString avatarUrl = RxnString();
-  RxnString username = RxnString();
+  Rxn<User> user = Rxn<User>();
  RxBool isLoading = false.obs;
  RxnString error = RxnString();

@ -38,7 +39,8 @@ class AuthController extends GetxController {
    if (token.value != null) {
      try {
        await http.post(
-          Uri.parse('https://api.f0ck.me/logout'),
+          'https://api.f0ck.me/logout',
+          {},
          headers: {
            'Authorization': 'Bearer ${token.value}',
            'Content-Type': 'application/json',
@ -47,9 +49,7 @@ class AuthController extends GetxController {
      } catch (_) {}
    }
    token.value = null;
-    userId.value = null;
-    avatarUrl.value = null;
-    username.value = null;
+    user.value = null;
    await storage.remove('token');
  }

@ -57,20 +57,18 @@ class AuthController extends GetxController {
    isLoading.value = true;
    error.value = null;
    try {
-      final http.Response response = await http.post(
-        Uri.parse('https://api.f0ck.me/login'),
+      final Response<dynamic> response = await http.post(
+        'https://api.f0ck.me/login',
+        json.encode({'username': username, 'password': password}),
        headers: {'Content-Type': 'application/json'},
-        body: json.encode({'username': username, 'password': password}),
      );
      if (response.statusCode == 200) {
-        final dynamic data = json.decode(response.body);
+        final dynamic data = response.body is String
+            ? json.decode(response.body)
+            : response.body;
        if (data['token'] != null) {
          await saveToken(data['token']);
-          userId.value = data['userid'];
-          avatarUrl.value = data['avatar'] != null
-              ? 'https://f0ck.me/t/${data['avatar']}.webp'
-              : null;
-          this.username.value = data['user'];
+          user.value = User.fromJson(data);
          return true;
        } else {
          error.value = 'Kein Token erhalten';
@ -89,19 +87,15 @@ class AuthController extends GetxController {
  Future<void> fetchUserInfo() async {
    if (token.value == null) return;
    try {
-      final http.Response response = await http.get(
-        Uri.parse('https://api.f0ck.me/login/check'),
+      final Response<dynamic> response = await http.get(
+        'https://api.f0ck.me/login/check',
        headers: {'Authorization': 'Bearer ${token.value}'},
      );
      if (response.statusCode == 200) {
-        final dynamic data = json.decode(response.body);
-        userId.value = data['userid'] != null
-            ? int.tryParse(data['userid'].toString())
-            : null;
-        avatarUrl.value = data['avatar'] != null
-            ? 'https://f0ck.me/t/${data['avatar']}.webp'
-            : null;
-        username.value = data['user'];
+        final dynamic data = response.body is String
+            ? json.decode(response.body)
+            : response.body;
+        user.value = User.fromJson(data);
      } else {
        await logout();
      }
--- a/lib/controller/mediacontroller.dart
+++ b/lib/controller/mediacontroller.dart
@ -1,18 +1,14 @@
 import 'package:get/get.dart';
-import 'package:encrypt_shared_preferences/provider.dart';

 import 'package:f0ckapp/models/feed.dart';
 import 'package:f0ckapp/models/item.dart';
 import 'package:f0ckapp/services/api.dart';
-import 'package:f0ckapp/utils/animatedtransition.dart';

 const List<String> mediaTypes = ["alles", "image", "video", "audio"];
 const List<String> mediaModes = ["sfw", "nsfw", "untagged", "all"];

 class MediaController extends GetxController {
  final ApiService _api = Get.find<ApiService>();
-  final EncryptedSharedPreferencesAsync storage =
-      EncryptedSharedPreferencesAsync.getInstance();

  RxList<MediaItem> items = <MediaItem>[].obs;
  RxBool loading = false.obs;
@ -23,10 +19,6 @@ class MediaController extends GetxController {
  RxInt modeIndex = 0.obs;
  RxInt random = 0.obs;
  Rxn<String> tag = Rxn<String>(null);
-  RxBool muted = false.obs;
-  Rx<PageTransition> transitionType = PageTransition.opacity.obs;
-  RxBool drawerSwipeEnabled = true.obs;
-  RxInt crossAxisCount = 0.obs;

  void setTypeIndex(int idx) {
    typeIndex.value = idx;
@ -135,55 +127,10 @@ class MediaController extends GetxController {
    }
  }

-  void toggleMuted() {
-    muted.value = !muted.value;
-  }
-
-  void setMuted(bool value) {
-    muted.value = value;
-  }
-
-  Future<void> setTransitionType(PageTransition type) async {
-    transitionType.value = type;
-    await saveSettings();
-  }
-
-  Future<void> setCrossAxisCount(int value) async {
-    crossAxisCount.value = value;
-    await saveSettings();
-  }
-
-  Future<void> setDrawerSwipeEnabled(bool enabled) async {
-    drawerSwipeEnabled.value = enabled;
-    await saveSettings();
-  }
-
  void toggleRandom() {
    random.value = random.value == 1 ? 0 : 1;
    fetchInitial();
  }

-  @override
-  void onInit() async {
-    super.onInit();
-    await loadSettings();
-  }
-
-  Future<void> loadSettings() async {
-    muted.value = await storage.getBoolean('muted') ?? false;
-    crossAxisCount.value = await storage.getInt('crossAxisCount') ?? 0;
-    drawerSwipeEnabled.value =
-        await storage.getBoolean('drawerSwipeEnabled') ?? true;
-    transitionType.value =
-        PageTransition.values[await storage.getInt('transitionType') ?? 0];
-  }
-
-  Future<void> saveSettings() async {
-    await storage.setBoolean('muted', muted.value);
-    await storage.setInt('crossAxisCount', crossAxisCount.value);
-    await storage.setBoolean('drawerSwipeEnabled', drawerSwipeEnabled.value);
-    await storage.setInt('transitionType', transitionType.value.index);
-  }
-
  bool get isRandomEnabled => random.value == 1;
 }
--- a/lib/controller/settingscontroller.dart
+++ b/lib/controller/settingscontroller.dart
@ -0,0 +1,81 @@
+import 'package:encrypt_shared_preferences/provider.dart';
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/utils/animatedtransition.dart';
+
+class _StorageKeys {
+  static const String muted = 'muted';
+  static const String crossAxisCount = 'crossAxisCount';
+  static const String drawerSwipeEnabled = 'drawerSwipeEnabled';
+  static const String transitionType = 'transitionType';
+}
+
+class SettingsController extends GetxController {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+
+  RxBool muted = false.obs;
+  Rx<PageTransition> transitionType = PageTransition.opacity.obs;
+  RxBool drawerSwipeEnabled = true.obs;
+  RxInt crossAxisCount = 0.obs;
+
+  RxInt videoControlsTimerNotifier = 0.obs;
+  RxInt hideControlsNotifier = 0.obs;
+
+  @override
+  void onInit() {
+    super.onInit();
+    loadSettings();
+  }
+
+  void toggleMuted() {
+    muted.value = !muted.value;
+    saveSettings();
+  }
+
+  void setMuted(bool value) {
+    muted.value = value;
+    saveSettings();
+  }
+
+  Future<void> setTransitionType(PageTransition type) async {
+    transitionType.value = type;
+    await saveSettings();
+  }
+
+  Future<void> setCrossAxisCount(int value) async {
+    crossAxisCount.value = value;
+    await saveSettings();
+  }
+
+  Future<void> setDrawerSwipeEnabled(bool enabled) async {
+    drawerSwipeEnabled.value = enabled;
+    await saveSettings();
+  }
+
+  void resetVideoControlsTimer() => videoControlsTimerNotifier.value++;
+  void hideVideoControls() => hideControlsNotifier.value++;
+
+  Future<void> loadSettings() async {
+    muted.value = await storage.getBoolean(_StorageKeys.muted) ?? false;
+    crossAxisCount.value =
+        await storage.getInt(_StorageKeys.crossAxisCount) ?? 0;
+    drawerSwipeEnabled.value =
+        await storage.getBoolean(_StorageKeys.drawerSwipeEnabled) ?? true;
+    transitionType.value = PageTransition
+        .values[await storage.getInt(_StorageKeys.transitionType) ?? 0];
+  }
+
+  Future<void> saveSettings() async {
+    await storage.setBoolean(_StorageKeys.muted, muted.value);
+    await storage.setInt(_StorageKeys.crossAxisCount, crossAxisCount.value);
+    await storage.setBoolean(
+      _StorageKeys.drawerSwipeEnabled,
+      drawerSwipeEnabled.value,
+    );
+    await storage.setInt(
+      _StorageKeys.transitionType,
+      transitionType.value.index,
+    );
+  }
+}
--- a/lib/controller/themecontroller.dart
+++ b/lib/controller/themecontroller.dart
@ -186,7 +186,6 @@ final ThemeData f0ck95Theme = ThemeData(
    backgroundColor: const Color(0xFFE0E0E0),
    foregroundColor: Colors.black,
    elevation: 4,
-    centerTitle: true,
  ),
  textTheme: const TextTheme(
    bodyLarge: TextStyle(color: Colors.black),
--- a/lib/main.dart
+++ b/lib/main.dart
@ -4,6 +4,7 @@ import 'package:encrypt_shared_preferences/provider.dart';
 import 'package:get/get.dart';

 import 'package:f0ckapp/services/api.dart';
+import 'package:f0ckapp/controller/settingscontroller.dart';
 import 'package:f0ckapp/controller/authcontroller.dart';
 import 'package:f0ckapp/controller/localizationcontroller.dart';
 import 'package:f0ckapp/controller/themecontroller.dart';
@ -24,6 +25,7 @@ void main() async {

  Get.put(AuthController());
  Get.put(ApiService());
+  Get.put(SettingsController());
  Get.put(MediaController());

  final ThemeController themeController = Get.put(ThemeController());
--- a/lib/models/item.dart
+++ b/lib/models/item.dart
@ -7,6 +7,9 @@ class MediaItem {
  final int mode;
  final List<Tag>? tags;
  final List<Favorite>? favorites;
+  final String? username;
+  final String? userchannel;
+  final String? usernetwork;

  MediaItem({
    required this.id,
@ -17,6 +20,9 @@ class MediaItem {
    required this.mode,
    this.tags = const [],
    this.favorites = const [],
+    this.username,
+    this.userchannel,
+    this.usernetwork,
  });

  String get thumbnailUrl => 'https://f0ck.me/t/$id.webp';
@ -33,6 +39,9 @@ class MediaItem {
    int? mode,
    List<Tag>? tags,
    List<Favorite>? favorites,
+    String? username,
+    String? userchannel,
+    String? usernetwork,
  }) {
    return MediaItem(
      id: id ?? this.id,
@ -43,6 +52,9 @@ class MediaItem {
      mode: mode ?? this.mode,
      tags: tags ?? this.tags,
      favorites: favorites ?? this.favorites,
+      username: username ?? this.username,
+      userchannel: userchannel ?? this.userchannel,
+      usernetwork: usernetwork ?? this.usernetwork,
    );
  }

@ -64,6 +76,9 @@ class MediaItem {
              ?.map((e) => Favorite.fromJson(e))
              .toList() ??
          [],
+      username: json['username'],
+      userchannel: json['userchannel'],
+      usernetwork: json['usernetwork'],
    );
  }
 }
@ -97,8 +112,8 @@ class Favorite {

  factory Favorite.fromJson(Map<String, dynamic> json) {
    return Favorite(
-      userId: json['user_id'],
-      username: json['user'],
+      userId: json['userId'],
+      username: json['username'],
      avatar: json['avatar'],
    );
  }
--- a/lib/models/user.dart
+++ b/lib/models/user.dart
@ -0,0 +1,17 @@
+class User {
+  final int id;
+  final String username;
+  final String? avatarUrl;
+
+  User({required this.id, required this.username, this.avatarUrl});
+
+  factory User.fromJson(Map<String, dynamic> json) {
+    return User(
+      id: json['userid'],
+      username: json['user'],
+      avatarUrl: json['avatar'] != null
+          ? 'https://f0ck.me/t/${json['avatar']}.webp'
+          : null,
+    );
+  }
+}
--- a/lib/screens/mediadetail.dart
+++ b/lib/screens/mediadetail.dart
@ -5,17 +5,20 @@ import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter_cache_manager/file.dart';
 import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import 'package:get/get.dart';
+import 'package:pullex/pullex.dart';
 import 'package:share_plus/share_plus.dart';

+import 'package:f0ckapp/services/api.dart';
 import 'package:f0ckapp/widgets/tagfooter.dart';
 import 'package:f0ckapp/utils/animatedtransition.dart';
 import 'package:f0ckapp/controller/authcontroller.dart';
-import 'package:f0ckapp/widgets/actiontag.dart';
 import 'package:f0ckapp/widgets/favoritesection.dart';
 import 'package:f0ckapp/screens/fullscreen.dart';
 import 'package:f0ckapp/widgets/end_drawer.dart';
+import 'package:f0ckapp/controller/settingscontroller.dart';
 import 'package:f0ckapp/controller/mediacontroller.dart';
 import 'package:f0ckapp/models/item.dart';
+import 'package:f0ckapp/widgets/tagsection.dart';
 import 'package:f0ckapp/widgets/video_widget.dart';

 enum ShareAction { media, directLink, postLink }
@ -31,9 +34,11 @@ class MediaDetailScreen extends StatefulWidget {
 class _MediaDetailScreenState extends State<MediaDetailScreen> {
  PageController? _pageController;
  final MediaController mediaController = Get.find<MediaController>();
+  final SettingsController settingsController = Get.find<SettingsController>();
  final AuthController authController = Get.find<AuthController>();
-  final _currentIndex = 0.obs;
-  final _mediaSaverChannel = const MethodChannel('MediaShit');
+  final RxInt _currentIndex = 0.obs;
+  final MethodChannel _mediaSaverChannel = const MethodChannel('MediaShit');
+  final Map<int, PullexRefreshController> _refreshControllers = {};

  bool _isLoading = true;
  bool _itemNotFound = false;
@ -102,10 +107,35 @@ class _MediaDetailScreenState extends State<MediaDetailScreen> {
      ..snackbar('hehe', message, snackPosition: SnackPosition.BOTTOM);
  }

+  Future<void> _onRefresh(
+    int itemId,
+    PullexRefreshController controller,
+  ) async {
+    if (mediaController.loading.value) {
+      controller.refreshCompleted();
+      return;
+    }
+
+    try {
+      final MediaItem item = await ApiService().fetchItemById(itemId);
+      final int index = mediaController.items.indexWhere(
+        (item) => item.id == itemId,
+      );
+      if (index != -1) {
+        mediaController.items[index] = item;
+        mediaController.items.refresh();
+      }
+      controller.refreshCompleted();
+    } catch (e) {
+      _showMsg('Fehler beim Aktualisieren: $e');
+      controller.refreshFailed();
+    }
+  }
+
  void _onPageChanged(int idx) {
    if (idx != _currentIndex.value) {
      _currentIndex.value = idx;
-      final item = mediaController.items[idx];
+      final MediaItem item = mediaController.items[idx];
      if (item.mime.startsWith('image/') && !_readyItemIds.contains(item.id)) {
        setState(() => _readyItemIds.add(item.id));
      }
@ -147,7 +177,7 @@ class _MediaDetailScreenState extends State<MediaDetailScreen> {
          item.mediaUrl,
        );
        final Uint8List bytes = await file.readAsBytes();
-        final params = ShareParams(
+        final ShareParams params = ShareParams(
          files: [XFile.fromData(bytes, mimeType: item.mime)],
        );
        await SharePlus.instance.share(params);
@ -174,6 +204,9 @@ class _MediaDetailScreenState extends State<MediaDetailScreen> {
  @override
  void dispose() {
    _pageController?.dispose();
+    for (PullexRefreshController controller in _refreshControllers.values) {
+      controller.dispose();
+    }
    super.dispose();
  }

@ -216,123 +249,158 @@ class _MediaDetailScreenState extends State<MediaDetailScreen> {
      );
    }

-    return Obx(
-      () => PageView.builder(
-        controller: _pageController!,
-        itemCount: mediaController.items.length,
-        onPageChanged: _onPageChanged,
-        itemBuilder: (context, index) {
-          final MediaItem item = mediaController.items[index];
-          final bool isReady = _readyItemIds.contains(item.id);
-
+    return Obx(() {
+      if (mediaController.items.isEmpty ||
+          _currentIndex.value >= mediaController.items.length) {
        return Scaffold(
-            endDrawer: EndDrawer(),
+          appBar: AppBar(title: const Text('Fehler')),
+          body: const Center(child: Text('Keine Items zum Anzeigen.')),
+        );
+      }
+      final MediaItem currentItem = mediaController.items[_currentIndex.value];
+      return Scaffold(
+        endDrawer: const EndDrawer(),
        endDrawerEnableOpenDragGesture:
-                mediaController.drawerSwipeEnabled.value,
+            settingsController.drawerSwipeEnabled.value,
        appBar: AppBar(
-              title: Text('f0ck #${item.id}'),
+          title: Text('f0ck #${currentItem.id}'),
          actions: [
            IconButton(
              icon: const Icon(Icons.fullscreen),
              onPressed: () {
                Get.to(
-                      FullScreenMediaView(item: item),
+                  FullScreenMediaView(item: currentItem),
                  fullscreenDialog: true,
                );
              },
            ),
            IconButton(
              icon: const Icon(Icons.download),
-                  onPressed: () async {
-                    await _downloadMedia(item);
-                  },
+              onPressed: () async => await _downloadMedia(currentItem),
            ),
            PopupMenuButton<ShareAction>(
-                  onSelected: (value) => _handleShareAction(value, item),
+              onSelected: (value) => _handleShareAction(value, currentItem),
              itemBuilder: (context) => _shareMenuItems,
              icon: const Icon(Icons.share),
            ),
            Builder(
              builder: (context) => IconButton(
                icon: const Icon(Icons.menu),
-                    onPressed: () {
-                      Scaffold.of(context).openEndDrawer();
-                    },
+                onPressed: () => Scaffold.of(context).openEndDrawer(),
              ),
            ),
          ],
        ),
-            body: SingleChildScrollView(
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.stretch,
+        body: PageView.builder(
+          controller: _pageController!,
+          itemCount: mediaController.items.length,
+          onPageChanged: _onPageChanged,
+          itemBuilder: (context, index) {
+            final MediaItem item = mediaController.items[index];
+            final bool isReady = _readyItemIds.contains(item.id);
+            final ScrollController scrollController = ScrollController();
+            final PullexRefreshController refreshController =
+                _refreshControllers.putIfAbsent(
+                  item.id,
+                  () => PullexRefreshController(),
+                );
+
+            return Stack(
              children: [
-                  AnimatedBuilder(
+                PullexRefresh(
+                  onRefresh: () => _onRefresh(item.id, refreshController),
+                  header: const WaterDropHeader(),
+                  controller: refreshController,
+                  child: CustomScrollView(
+                    controller: scrollController,
+                    slivers: [
+                      SliverToBoxAdapter(
+                        child: AnimatedBuilder(
                          animation: _pageController!,
                          builder: (context, child) {
                            return buildAnimatedTransition(
                              context: context,
                              pageController: _pageController!,
                              index: index,
-                        controller: mediaController,
                              child: child!,
                            );
                          },
                          child: Obx(
-                      () => _buildMedia(item, index == _currentIndex.value),
+                            () =>
+                                _buildMedia(item, index == _currentIndex.value),
+                          ),
                        ),
                      ),
-                  const SizedBox(height: 16),
                      if (isReady)
-                    Padding(
-                      padding: const EdgeInsets.symmetric(horizontal: 16.0),
+                        SliverFillRemaining(
+                          hasScrollBody: false,
+                          fillOverscroll: true,
+                          child: GestureDetector(
+                            onTap: () => settingsController.hideVideoControls(),
+                            behavior: HitTestBehavior.translucent,
+                            child: Padding(
+                              padding: const EdgeInsets.all(16.0),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.center,
+                                children: [TagSection(tags: item.tags ?? [])],
+                              ),
+                            ),
+                          ),
+                        ),
+                      const SliverToBoxAdapter(
+                        child: SafeArea(child: SizedBox.shrink()),
+                      ),
+                    ],
+                  ),
+                ),
+                Obx(() {
+                  if (!authController.isLoggedIn) {
+                    return const SizedBox.shrink();
+                  }
+                  final MediaItem currentItem =
+                      mediaController.items[_currentIndex.value];
+                  return DraggableScrollableSheet(
+                    initialChildSize: 0.11,
+                    minChildSize: 0.11,
+                    maxChildSize: 0.245,
+                    snap: true,
+                    builder: (context, scrollController) => ListView(
+                      controller: scrollController,
+                      padding: const EdgeInsets.only(left: 16, right: 16),
                      children: [
-                          Wrap(
-                            spacing: 6.0,
-                            runSpacing: 4.0,
-                            alignment: WrapAlignment.center,
-                            children: [
-                              ...item.tags?.map(
-                                    (tag) => ActionTag(
-                                      tag,
-                                      (tag.tag == 'sfw' || tag.tag == 'nsfw')
-                                          ? (onTagTap) => {}
-                                          : (onTagTap) {
-                                              mediaController.setTag(onTagTap);
-                                              Get.offAllNamed('/');
+                        FavoriteSection(
+                          item: currentItem,
+                          index: _currentIndex.value,
+                        ),
+                        const SizedBox(height: 16),
+                        Text(
+                          "Dateigröße: ${(currentItem.size / 1024).toStringAsFixed(1)} KB",
+                          style: Theme.of(context).textTheme.bodySmall,
+                        ),
+                        Text(
+                          "Typ: ${currentItem.mime}",
+                          style: Theme.of(context).textTheme.bodySmall,
+                        ),
+                        Text(
+                          "ID: ${currentItem.id}",
+                          style: Theme.of(context).textTheme.bodySmall,
+                        ),
+                        Text(
+                          "Hochgeladen am: ${DateTime.fromMillisecondsSinceEpoch(currentItem.stamp * 1000)}",
+                          style: Theme.of(context).textTheme.bodySmall,
+                        ),
+                      ],
+                    ),
+                  );
+                }),
+              ],
+            );
          },
        ),
-                                  ) ??
-                                  [],
-                            ],
-                          ),
-                          Obx(
-                            () => Visibility(
-                              visible: authController.isLoggedIn,
-                              child: Padding(
-                                padding: const EdgeInsets.only(top: 20.0),
-                                child: FavoriteSection(
-                                  item: item,
-                                  index: index,
-                                ),
-                              ),
-                            ),
-                          ),
-                        ],
-                      ),
-                    )
-                  else
-                    const SizedBox.shrink(),
-                ],
-              ),
-            ),
        persistentFooterButtons: mediaController.tag.value != null
            ? [TagFooter()]
            : null,
      );
-        },
-      ),
-    );
+    });
  }
 }
--- a/lib/screens/mediagrid.dart
+++ b/lib/screens/mediagrid.dart
@ -8,6 +8,7 @@ import 'package:f0ckapp/utils/customsearchdelegate.dart';
 import 'package:f0ckapp/widgets/end_drawer.dart';
 import 'package:f0ckapp/widgets/filter_bar.dart';
 import 'package:f0ckapp/widgets/media_tile.dart';
+import 'package:f0ckapp/controller/settingscontroller.dart';
 import 'package:f0ckapp/controller/mediacontroller.dart';

 class MediaGrid extends StatefulWidget {
@ -20,6 +21,7 @@ class MediaGrid extends StatefulWidget {
 class _MediaGrid extends State<MediaGrid> {
  final ScrollController _scrollController = ScrollController();
  final MediaController _mediaController = Get.put(MediaController());
+  final SettingsController _settingsController = Get.put(SettingsController());
  final PullexRefreshController _refreshController = PullexRefreshController(
    initialRefresh: false,
  );
@ -35,6 +37,7 @@ class _MediaGrid extends State<MediaGrid> {
    _body = _MediaGridBody(
      refreshController: _refreshController,
      mediaController: _mediaController,
+      settingsController: _settingsController,
      scrollController: _scrollController,
    );
  }
@ -52,7 +55,7 @@ class _MediaGrid extends State<MediaGrid> {
      () => Scaffold(
        endDrawer: const EndDrawer(),
        endDrawerEnableOpenDragGesture:
-            _mediaController.drawerSwipeEnabled.value,
+            _settingsController.drawerSwipeEnabled.value,
        bottomNavigationBar: FilterBar(scrollController: _scrollController),
        appBar: _appBar,
        body: _body,
@ -121,20 +124,23 @@ class _MediaGridBody extends StatelessWidget {
  const _MediaGridBody({
    required this.refreshController,
    required this.mediaController,
+    required this.settingsController,
    required this.scrollController,
  });

  final PullexRefreshController refreshController;
  final MediaController mediaController;
+  final SettingsController settingsController;
  final ScrollController scrollController;

+
  @override
  Widget build(BuildContext context) {
    return PullexRefresh(
      controller: refreshController,
      enablePullDown: true,
      enablePullUp: true,
-      header: const MaterialHeader(),
+      header: const WaterDropHeader(),
      onRefresh: () async {
        try {
          await mediaController.handleRefresh();
@ -157,7 +163,7 @@ class _MediaGridBody extends StatelessWidget {
          shrinkWrap: true,
          padding: const EdgeInsets.all(4),
          itemCount: mediaController.items.length,
-          gridDelegate: mediaController.crossAxisCount.value == 0
+          gridDelegate: settingsController.crossAxisCount.value == 0
              ? const SliverGridDelegateWithMaxCrossAxisExtent(
                  maxCrossAxisExtent: 150,
                  crossAxisSpacing: 5,
@ -165,7 +171,7 @@ class _MediaGridBody extends StatelessWidget {
                  childAspectRatio: 1,
                )
              : SliverGridDelegateWithFixedCrossAxisCount(
-                  crossAxisCount: mediaController.crossAxisCount.value,
+                  crossAxisCount: settingsController.crossAxisCount.value,
                  crossAxisSpacing: 5,
                  mainAxisSpacing: 5,
                  childAspectRatio: 1,
--- a/lib/screens/settings.dart
+++ b/lib/screens/settings.dart
@ -4,7 +4,7 @@ import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import 'package:get/get.dart';

 import 'package:f0ckapp/controller/localizationcontroller.dart';
-import 'package:f0ckapp/controller/mediacontroller.dart';
+import 'package:f0ckapp/controller/settingscontroller.dart';
 import 'package:f0ckapp/utils/animatedtransition.dart';

 class SettingsPage extends StatefulWidget {
@ -15,8 +15,8 @@ class SettingsPage extends StatefulWidget {
 }

 class _SettingsPageState extends State<SettingsPage> {
-  final MediaController controller = Get.find();
-  final LocalizationController localizationController = Get.find();
+  final SettingsController settingsController = Get.find<SettingsController>();
+  final LocalizationController localizationController = Get.find<LocalizationController>();

  @override
  Widget build(BuildContext context) {
@ -34,7 +34,7 @@ class _SettingsPageState extends State<SettingsPage> {
                title: Text('settings_numberofcolumns_title'.tr),
                trailing: Obx(
                  () => DropdownButton<int>(
-                    value: controller.crossAxisCount.value,
+                    value: settingsController.crossAxisCount.value,
                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
                    iconEnabledColor: Colors.white,
                    items: [0, 3, 4, 5].map((int value) {
@ -51,7 +51,7 @@ class _SettingsPageState extends State<SettingsPage> {
                    }).toList(),
                    onChanged: (int? newValue) async {
                      if (newValue != null) {
-                        await controller.setCrossAxisCount(newValue);
+                        await settingsController.setCrossAxisCount(newValue);
                      }
                    },
                  ),
@ -62,7 +62,7 @@ class _SettingsPageState extends State<SettingsPage> {
                title: Text('settings_pageanimation_title'.tr),
                trailing: Obx(
                  () => DropdownButton<PageTransition>(
-                    value: controller.transitionType.value,
+                    value: settingsController.transitionType.value,
                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
                    iconEnabledColor: Colors.white,
                    items: PageTransition.values.map((PageTransition type) {
@ -91,7 +91,7 @@ class _SettingsPageState extends State<SettingsPage> {
                    }).toList(),
                    onChanged: (PageTransition? newValue) async {
                      if (newValue != null) {
-                        await controller.setTransitionType(newValue);
+                        await settingsController.setTransitionType(newValue);
                      }
                    },
                  ),
@ -102,9 +102,9 @@ class _SettingsPageState extends State<SettingsPage> {
              SwitchListTile(
                title: Text('settings_drawer_title'.tr),
                subtitle: Text('settings_drawer_subtitle'.tr),
-                value: controller.drawerSwipeEnabled.value,
+                value: settingsController.drawerSwipeEnabled.value,
                onChanged: (bool value) async {
-                  await controller.setDrawerSwipeEnabled(value);
+                  await settingsController.setDrawerSwipeEnabled(value);
                  setState(() {});
                },
              ),
--- a/lib/services/api.dart
+++ b/lib/services/api.dart
@ -1,12 +1,11 @@
-import 'package:encrypt_shared_preferences/provider.dart';
 import 'package:get/get.dart';

+import 'package:f0ckapp/controller/authcontroller.dart';
 import 'package:f0ckapp/models/item.dart';
 import 'package:f0ckapp/models/feed.dart';

 class ApiService extends GetConnect {
-  final EncryptedSharedPreferencesAsync storage =
-      EncryptedSharedPreferencesAsync.getInstance();
+  final AuthController _authController = Get.find<AuthController>();

  Future<Feed> fetchItems({
    int? older,
@ -16,7 +15,7 @@ class ApiService extends GetConnect {
    int random = 0,
    String? tag,
  }) async {
-    String? token = await storage.getString('token');
+    String? token = _authController.token.value;
    final params = <String, String>{
      'type': type.toString(),
      'mode': mode.toString(),
@ -32,7 +31,7 @@ class ApiService extends GetConnect {
    }

    final Response<dynamic> response = await get(
-      'https://api.f0ck.me/items_new/get',
+      'https://api.f0ck.me/items/get',
      query: params,
      headers: headers,
    );
@ -42,18 +41,40 @@ class ApiService extends GetConnect {
      feed.items.sort((a, b) => b.id.compareTo(a.id));
      return feed;
    } else {
-      if (Get.isSnackbarOpen == false) {
+      if (!Get.isSnackbarOpen) {
        Get.snackbar('Fehler', 'Fehler beim Laden der Items');
      }
      throw Exception('Fehler beim Laden der Items');
    }
  }

+  Future<MediaItem> fetchItemById(int itemId) async {
+    String? token = _authController.token.value;
+    final Map<String, String> headers = <String, String>{};
+    if (token != null && token.isNotEmpty) {
+      headers['Authorization'] = 'Bearer $token';
+    }
+
+    final Response<dynamic> response = await get(
+      'https://api.f0ck.me/item/$itemId',
+      headers: headers,
+    );
+
+    if (response.status.code == 200 && response.body is Map<String, dynamic>) {
+      return MediaItem.fromJson(response.body as Map<String, dynamic>);
+    } else {
+      if (!Get.isSnackbarOpen) {
+        Get.snackbar('Fehler', 'Fehler beim Laden des Items');
+      }
+      throw Exception('Fehler beim Laden des Items');
+    }
+  }
+
  Future<List<Favorite>?> toggleFavorite(
    MediaItem item,
    bool isFavorite,
  ) async {
-    String? token = await storage.getString('token');
+    String? token = _authController.token.value;
    if (token == null || token.isEmpty) return null;

    final Map<String, String> headers = {
--- a/lib/utils/animatedtransition.dart
+++ b/lib/utils/animatedtransition.dart
@ -1,6 +1,8 @@
 import 'package:flutter/material.dart';

-import 'package:f0ckapp/controller/mediacontroller.dart';
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/controller/settingscontroller.dart';

 enum PageTransition { opacity, scale, slide, rotate, flip }

@ -9,17 +11,17 @@ Widget buildAnimatedTransition({
  required Widget child,
  required PageController pageController,
  required int index,
-  required MediaController controller,
 }) {
+  final SettingsController settingsController = Get.find<SettingsController>();
  final double value = pageController.position.haveDimensions
      ? pageController.page! - index
      : 0;

-  switch (controller.transitionType.value) {
+  switch (settingsController.transitionType.value) {
    case PageTransition.opacity:
      return Opacity(
        opacity: Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)),
-        child: Transform(transform: Matrix4.identity(), child: child),
+        child: child,
      );
    case PageTransition.scale:
      return Transform.scale(
@ -29,10 +31,7 @@ Widget buildAnimatedTransition({
        child: child,
      );
    case PageTransition.slide:
-      return Transform.translate(
-        offset: Offset(300 * value.abs(), 0),
-        child: child,
-      );
+      return child;
    case PageTransition.rotate:
      return Opacity(
        opacity: (1 - value.abs()).clamp(0.0, 1.0),
--- a/lib/utils/customsearchdelegate.dart
+++ b/lib/utils/customsearchdelegate.dart
@ -4,13 +4,13 @@ import 'dart:convert';
 import 'package:flutter/material.dart';

 import 'package:get/get.dart';
-import 'package:http/http.dart' as http;

 import 'package:f0ckapp/controller/mediacontroller.dart';
 import 'package:f0ckapp/models/suggestion.dart';

 class CustomSearchDelegate extends SearchDelegate<String> {
  final MediaController controller = Get.find<MediaController>();
+  final GetConnect http = GetConnect();
  Timer? _debounceTimer;
  List<Suggestion>? _suggestions;
  bool _isLoading = false;
@ -48,14 +48,16 @@ class CustomSearchDelegate extends SearchDelegate<String> {
  }

  Future<List<Suggestion>> fetchSuggestions(String query) async {
-    final Uri uri = Uri.parse('https://api.f0ck.me/search/?q=$query');
+    final String url = 'https://api.f0ck.me/search/?q=$query';
    try {
-      final http.Response response = await http
-          .get(uri)
+      final Response<dynamic> response = await http
+          .get(url)
          .timeout(const Duration(seconds: 5));

      if (response.statusCode == 200) {
-        final dynamic decoded = jsonDecode(response.body);
+        final dynamic decoded = response.body is String
+            ? jsonDecode(response.body)
+            : response.body;
        if (decoded is List) {
          final suggestions = decoded
              .map((item) => Suggestion.fromJson(item as Map<String, dynamic>))
@ -66,7 +68,9 @@ class CustomSearchDelegate extends SearchDelegate<String> {
          throw Exception('Unerwartetes Format: Es wurde eine Liste erwartet.');
        }
      } else if (response.statusCode == 400) {
-        final dynamic error = jsonDecode(response.body);
+        final dynamic error = response.body is String
+            ? jsonDecode(response.body)
+            : response.body;
        final String message = error is Map<String, dynamic>
            ? error['detail']?.toString() ?? 'Unbekannter Fehler.'
            : 'Unbekannter Fehler.';
--- a/lib/widgets/end_drawer.dart
+++ b/lib/widgets/end_drawer.dart
@ -28,11 +28,11 @@ class EndDrawer extends StatelessWidget {
        children: [
          Obx(() {
            if (authController.token.value != null &&
-                authController.avatarUrl.value != null) {
+                authController.user.value?.avatarUrl != null) {
              return DrawerHeader(
                decoration: BoxDecoration(
                  image: DecorationImage(
-                    image: NetworkImage(authController.avatarUrl.value!),
+                    image: NetworkImage(authController.user.value!.avatarUrl!),
                    fit: BoxFit.cover,
                    alignment: Alignment.topCenter,
                  ),
@ -58,11 +58,11 @@ class EndDrawer extends StatelessWidget {
                padding: const EdgeInsets.all(16.0),
                child: Column(
                  children: [
-                    if (authController.username.value != null)
+                    if (authController.user.value?.username != null)
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 8.0),
                        child: Text(
-                          'Hamlo ${authController.username.value!}',
+                          'Hamlo ${authController.user.value?.username}',
                          style: const TextStyle(fontWeight: FontWeight.bold),
                        ),
                      ),
--- a/lib/widgets/favoritesection.dart
+++ b/lib/widgets/favoritesection.dart
@ -18,7 +18,7 @@ class FavoriteSection extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final bool isFavorite =
-        item.favorites?.any((f) => f.userId == authController.userId.value) ??
+        item.favorites?.any((f) => f.userId == authController.user.value?.id) ??
        false;

    return Row(
--- a/lib/widgets/media_tile.dart
+++ b/lib/widgets/media_tile.dart
@ -16,7 +16,7 @@ class MediaTile extends StatelessWidget {
          fit: StackFit.expand,
          children: [
            CachedNetworkImage(
-              imageUrl: 'https://f0ck.me/t/${item.id}.webp',
+              imageUrl: item.thumbnailUrl,
              fit: BoxFit.cover,
              placeholder: (context, url) => Container(color: Colors.grey[900]),
              errorWidget: (context, url, error) =>
--- a/lib/widgets/tagsection.dart
+++ b/lib/widgets/tagsection.dart
@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/models/item.dart';
+import 'package:f0ckapp/widgets/actiontag.dart';
+import 'package:f0ckapp/controller/mediacontroller.dart';
+
+class TagSection extends StatefulWidget {
+  final List<Tag> tags;
+  const TagSection({super.key, required this.tags});
+
+  @override
+  State<TagSection> createState() => _TagSectionState();
+}
+
+class _TagSectionState extends State<TagSection> {
+  bool _areTagsExpanded = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final MediaController mediaController = Get.find<MediaController>();
+    final bool hasMoreTags = widget.tags.length > 5;
+    final List<Tag> tagsToShow = _areTagsExpanded
+        ? widget.tags
+        : widget.tags.take(5).toList();
+
+    return Column(
+      children: [
+        Wrap(
+          spacing: 6.0,
+          runSpacing: 4.0,
+          alignment: WrapAlignment.center,
+          children: [
+            ...tagsToShow.map(
+              (tag) => ActionTag(
+                tag,
+                (tag.tag == 'sfw' || tag.tag == 'nsfw')
+                    ? (onTagTap) => {}
+                    : (onTagTap) {
+                        mediaController.setTag(onTagTap);
+                        Get.offAllNamed('/');
+                      },
+              ),
+            ),
+          ],
+        ),
+        if (hasMoreTags)
+          TextButton(
+            onPressed: () {
+              setState(() => _areTagsExpanded = !_areTagsExpanded);
+            },
+            child: Text(
+              _areTagsExpanded
+                  ? 'Weniger anzeigen'
+                  : 'Alle ${widget.tags.length} Tags anzeigen',
+            ),
+          ),
+      ],
+    );
+  }
+}
--- a/lib/widgets/video_controls_overlay.dart
+++ b/lib/widgets/video_controls_overlay.dart
@ -1,8 +1,10 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';

 import 'package:cached_video_player_plus/cached_video_player_plus.dart';

-class VideoControlsOverlay extends StatelessWidget {
+class VideoControlsOverlay extends StatefulWidget {
  final CachedVideoPlayerPlusController controller;
  final VoidCallback onOverlayTap;
  final bool muted;
@ -16,88 +18,157 @@ class VideoControlsOverlay extends StatelessWidget {
    required this.onMuteToggle,
  });

+  @override
+  State<VideoControlsOverlay> createState() => _VideoControlsOverlayState();
+}
+
+class _VideoControlsOverlayState extends State<VideoControlsOverlay> {
+  bool _showSeekIndicator = false;
+  bool _isRewinding = false;
+  Timer? _hideTimer;
+
+  @override
+  void dispose() {
+    _hideTimer?.cancel();
+    super.dispose();
+  }
+
+  void _handleDoubleTap(TapDownDetails details) {
+    final double screenWidth = MediaQuery.of(context).size.width;
+    final bool isRewind = details.globalPosition.dx < screenWidth / 2;
+    widget.onOverlayTap();
+
+    Future(() {
+      if (isRewind) {
+        final Duration newPosition =
+            widget.controller.value.position - const Duration(seconds: 10);
+        widget.controller.seekTo(
+          newPosition < Duration.zero ? Duration.zero : newPosition,
+        );
+      } else {
+        final Duration newPosition =
+            widget.controller.value.position + const Duration(seconds: 10);
+        final Duration duration = widget.controller.value.duration;
+        widget.controller.seekTo(
+          newPosition > duration ? duration : newPosition,
+        );
+      }
+    });
+
+    _hideTimer?.cancel();
+    setState(() {
+      _showSeekIndicator = true;
+      _isRewinding = isRewind;
+    });
+    _hideTimer = Timer(const Duration(milliseconds: 500), () {
+      setState(() => _showSeekIndicator = false);
+    });
+  }
+
  @override
  Widget build(BuildContext context) {
    return Stack(
      alignment: Alignment.center,
      children: [
-        Row(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: [
-            _ControlButton(Icons.replay_10, () {
-              onOverlayTap();
-              Duration newPosition =
-                  controller.value.position - const Duration(seconds: 10);
-              if (newPosition < Duration.zero) newPosition = Duration.zero;
-              controller.seekTo(newPosition);
-            }),
-            const SizedBox(width: 40),
-            _ControlButton(
-              controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
-              () {
-                onOverlayTap();
-                controller.value.isPlaying
-                    ? controller.pause()
-                    : controller.play();
-              },
+        GestureDetector(
+          onTap: widget.onOverlayTap,
+          onDoubleTapDown: _handleDoubleTap,
+          child: Container(color: Colors.transparent),
+        ),
+        AnimatedOpacity(
+          opacity: _showSeekIndicator ? 1.0 : 0.0,
+          duration: const Duration(milliseconds: 200),
+          child: Align(
+            alignment: _isRewinding
+                ? Alignment.centerLeft
+                : Alignment.centerRight,
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 40.0),
+              child: Icon(
+                _isRewinding
+                    ? Icons.fast_rewind_rounded
+                    : Icons.fast_forward_rounded,
+                color: Colors.white70,
+                size: 60,
+              ),
+            ),
+          ),
+        ),
+        IconButton(
+          icon: Icon(
+            widget.controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
            size: 64,
          ),
-            const SizedBox(width: 40),
-            _ControlButton(Icons.forward_10, () {
-              onOverlayTap();
-              Duration newPosition =
-                  controller.value.position + const Duration(seconds: 10);
-              if (newPosition > controller.value.duration) {
-                newPosition = controller.value.duration;
-              }
-              controller.seekTo(newPosition);
-            }),
-          ],
+          onPressed: () {
+            widget.onOverlayTap();
+            widget.controller.value.isPlaying
+                ? widget.controller.pause()
+                : widget.controller.play();
+          },
        ),
        Positioned(
          right: 12,
          bottom: 12,
-          child: _ControlButton(muted ? Icons.volume_off : Icons.volume_up, () {
-            onOverlayTap();
-            onMuteToggle();
-          }, size: 16),
+          child: IconButton(
+            icon: Icon(
+              widget.muted ? Icons.volume_off : Icons.volume_up,
+              size: 16,
+            ),
+            onPressed: () {
+              widget.onOverlayTap();
+              widget.onMuteToggle();
+            },
+          ),
        ),
        Align(
          alignment: Alignment.bottomCenter,
          child: Padding(
            padding: const EdgeInsets.only(bottom: 0),
-            child: Stack(
+            child: LayoutBuilder(
+              builder: (context, constraints) {
+                return Stack(
                  clipBehavior: Clip.none,
                  children: [
                    Positioned(
                      left: 10,
                      bottom: 12,
                      child: Text(
-                    '${_formatDuration(controller.value.position)} / ${_formatDuration(controller.value.duration)}',
-                    style: const TextStyle(color: Colors.white, fontSize: 12),
+                        '${_formatDuration(widget.controller.value.position)} / ${_formatDuration(widget.controller.value.duration)}',
+                        style: const TextStyle(
+                          color: Colors.white,
+                          fontSize: 12,
+                        ),
                      ),
                    ),
                    Listener(
                      onPointerDown: (_) {
-                    onOverlayTap();
+                        widget.onOverlayTap();
                      },
                      child: VideoProgressIndicator(
-                    controller,
+                        widget.controller,
                        allowScrubbing: true,
                        padding: const EdgeInsets.only(top: 25.0),
-                    colors: const VideoProgressColors(
-                      playedColor: Colors.red,
-                      backgroundColor: Colors.grey,
-                      bufferedColor: Colors.white54,
+                        colors: VideoProgressColors(
+                          playedColor: Theme.of(context).colorScheme.primary,
+                          backgroundColor: Theme.of(
+                            context,
+                          ).colorScheme.surface.withValues(alpha: 0.5),
+                          bufferedColor: Theme.of(
+                            context,
+                          ).colorScheme.secondary.withValues(alpha: 0.5),
                        ),
                      ),
                    ),
-                if (controller.value.duration.inMilliseconds > 0)
+                    if (widget.controller.value.duration.inMilliseconds > 0)
                      Positioned(
                        left:
-                        (controller.value.position.inMilliseconds /
-                                controller.value.duration.inMilliseconds) *
-                            MediaQuery.of(context).size.width -
+                            (widget.controller.value.position.inMilliseconds /
+                                    widget
+                                        .controller
+                                        .value
+                                        .duration
+                                        .inMilliseconds) *
+                                constraints.maxWidth -
                            6,
                        bottom: -4,
                        child: Container(
@ -105,12 +176,17 @@ class VideoControlsOverlay extends StatelessWidget {
                          height: 12,
                          decoration: BoxDecoration(
                            shape: BoxShape.circle,
-                        color: Colors.red,
-                        border: Border.all(color: Colors.red, width: 2),
+                            color: Theme.of(context).colorScheme.primary,
+                            border: Border.all(
+                              color: Theme.of(context).colorScheme.primary,
+                              width: 2,
+                            ),
                          ),
                        ),
                      ),
                  ],
+                );
+              },
            ),
          ),
        ),
@ -118,30 +194,9 @@ class VideoControlsOverlay extends StatelessWidget {
    );
  }

-  String _formatDuration(Duration duration) {
+  String _formatDuration(Duration? duration) {
+    if (duration == null) return '00:00';
    String twoDigits(int n) => n.toString().padLeft(2, '0');
    return "${twoDigits(duration.inMinutes % 60)}:${twoDigits(duration.inSeconds % 60)}";
  }
 }
-
-class _ControlButton extends StatelessWidget {
-  final IconData icon;
-  final VoidCallback onPressed;
-  final double size;
-
-  const _ControlButton(this.icon, this.onPressed, {this.size = 24});
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      decoration: BoxDecoration(
-        shape: BoxShape.circle,
-        color: Colors.black.withValues(alpha: 0.4),
-      ),
-      child: IconButton(
-        icon: Icon(icon, size: size),
-        onPressed: onPressed,
-      ),
-    );
-  }
-}
--- a/lib/widgets/video_widget.dart
+++ b/lib/widgets/video_widget.dart
@ -8,6 +8,7 @@ import 'package:get/get.dart';

 import 'package:f0ckapp/models/item.dart';
 import 'package:f0ckapp/widgets/video_controls_overlay.dart';
+import 'package:f0ckapp/controller/settingscontroller.dart';
 import 'package:f0ckapp/controller/mediacontroller.dart';

 class VideoWidget extends StatefulWidget {
@ -29,9 +30,12 @@ class VideoWidget extends StatefulWidget {
 }

 class _VideoWidgetState extends State<VideoWidget> {
-  final MediaController controller = Get.find<MediaController>();
-  late CachedVideoPlayerPlusController _controller;
+  final MediaController mediaController = Get.find<MediaController>();
+  final SettingsController settingsController = Get.find<SettingsController>();
+  late CachedVideoPlayerPlusController videoController;
  late Worker _muteWorker;
+  late Worker _timerResetWorker;
+  late Worker _hideControlsWorker;
  bool _showControls = false;
  Timer? _hideControlsTimer;

@ -39,38 +43,60 @@ class _VideoWidgetState extends State<VideoWidget> {
  void initState() {
    super.initState();
    _initController();
-    _muteWorker = ever(controller.muted, (bool muted) {
-      if (_controller.value.isInitialized) {
-        _controller.setVolume(muted ? 0.0 : 1.0);
+    _muteWorker = ever(settingsController.muted, (bool muted) {
+      if (videoController.value.isInitialized) {
+        videoController.setVolume(muted ? 0.0 : 1.0);
+      }
+    });
+    _timerResetWorker = ever(settingsController.videoControlsTimerNotifier, (
+      _,
+    ) {
+      if (widget.isActive && mounted) {
+        if (!_showControls) {
+          setState(() => _showControls = true);
+        }
+        _startHideControlsTimer();
+      }
+    });
+    _hideControlsWorker = ever(settingsController.hideControlsNotifier, (_) {
+      if (mounted && _showControls) {
+        setState(() => _showControls = false);
+        _hideControlsTimer?.cancel();
      }
    });
  }

  Future<void> _initController() async {
-    _controller = CachedVideoPlayerPlusController.networkUrl(
+    videoController = CachedVideoPlayerPlusController.networkUrl(
      Uri.parse(widget.details.mediaUrl),
+      videoPlayerOptions: VideoPlayerOptions(mixWithOthers: true),
    );
-    await _controller.initialize();
+    await videoController.initialize();
    widget.onInitialized?.call();
    if (!mounted) return;
-    setState(() {});
-    _controller.addListener(() => setState(() {}));
-    _controller.setLooping(true);
-    _controller.setVolume(controller.muted.value ? 0.0 : 1.0);
+    videoController.setLooping(true);
+    videoController.setVolume(settingsController.muted.value ? 0.0 : 1.0);

    if (widget.isActive) {
-      _controller.play();
+      videoController.play();
    }
  }

  @override
  void didUpdateWidget(covariant VideoWidget oldWidget) {
    super.didUpdateWidget(oldWidget);
+
+    if (widget.details.mediaUrl != oldWidget.details.mediaUrl) {
+      videoController.dispose();
+      _initController();
+      return;
+    }
+
    if (widget.isActive != oldWidget.isActive) {
      if (widget.isActive) {
-        _controller.play();
+        videoController.play();
      } else {
-        _controller.pause();
+        videoController.pause();
      }
    }
  }
@ -78,26 +104,41 @@ class _VideoWidgetState extends State<VideoWidget> {
  @override
  void dispose() {
    _muteWorker.dispose();
-    _controller.dispose();
+    _timerResetWorker.dispose();
+    _hideControlsWorker.dispose();
+    videoController.dispose();
    _hideControlsTimer?.cancel();
    super.dispose();
  }

-  void _onTap({bool ctrlButton = false}) {
-    if (!ctrlButton) {
-      setState(() => _showControls = !_showControls);
-    }
-    if (_showControls) {
+  void _startHideControlsTimer() {
    _hideControlsTimer?.cancel();
-      _hideControlsTimer = Timer(const Duration(seconds: 2), () {
+    _hideControlsTimer = Timer(const Duration(seconds: 3), () {
+      if (mounted) {
        setState(() => _showControls = false);
+      }
    });
  }
+
+  void _onTap({bool ctrlButton = false}) {
+    if (ctrlButton) {
+      _startHideControlsTimer();
+      return;
+    }
+
+    final bool newShowState = !_showControls;
+    setState(() => _showControls = newShowState);
+
+    if (newShowState) {
+      _startHideControlsTimer();
+    } else {
+      _hideControlsTimer?.cancel();
+    }
  }

  @override
  Widget build(BuildContext context) {
-    final bool muted = controller.muted.value;
+    final bool muted = settingsController.muted.value;
    bool isAudio = widget.details.mime.startsWith('audio');

    Widget mediaContent;
@ -112,35 +153,42 @@ class _VideoWidgetState extends State<VideoWidget> {
        ),
      );
    } else {
-      mediaContent = _controller.value.isInitialized
-          ? CachedVideoPlayerPlus(_controller)
+      mediaContent = videoController.value.isInitialized
+          ? CachedVideoPlayerPlus(videoController)
          : const Center(child: CircularProgressIndicator());
    }

    return AspectRatio(
-      aspectRatio: _controller.value.isInitialized
-          ? _controller.value.aspectRatio
+      aspectRatio: videoController.value.isInitialized
+          ? videoController.value.aspectRatio
          : (isAudio ? 16 / 9 : 9 / 16),
      child: Stack(
        alignment: Alignment.center,
        children: [
          GestureDetector(onTap: _onTap, child: mediaContent),
-          if (_controller.value.isInitialized && _showControls)
-            Positioned.fill(
+          AnimatedBuilder(
+            animation: videoController,
+            builder: (context, child) {
+              if (videoController.value.isInitialized && _showControls) {
+                return Positioned.fill(
                  child: GestureDetector(
                    onTap: _onTap,
                    child: Container(
                      color: Colors.black.withValues(alpha: 0.5),
                      child: VideoControlsOverlay(
-                    controller: _controller,
+                        controller: videoController,
                        onOverlayTap: () => _onTap(ctrlButton: true),
                        muted: muted,
                        onMuteToggle: () {
-                      controller.toggleMuted();
+                          settingsController.toggleMuted();
                        },
                      ),
                    ),
                  ),
+                );
+              }
+              return const SizedBox.shrink();
+            },
          ),
        ],
      ),
--- a/pubspec.lock
+++ b/pubspec.lock
@ -249,7 +249,7 @@ packages:
    source: hosted
    version: "0.15.6"
  http:
-    dependency: "direct main"
+    dependency: transitive
    description:
      name: http
      sha256: "2c11f3f94c687ee9bad77c171151672986360b2b001d109814ee7140b2cf261b"
@ -268,10 +268,10 @@ packages:
    dependency: transitive
    description:
      name: js
-      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      sha256: "53385261521cc4a0c4658fd0ad07a7d14591cf8fc33abbceae306ddb974888dc"
      url: "https://pub.dev"
    source: hosted
-    version: "0.6.7"
+    version: "0.7.2"
  json_rpc_2:
    dependency: transitive
    description:
@ -761,10 +761,10 @@ packages:
    dependency: transitive
    description:
      name: vm_service
-      sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
+      sha256: "45caa6c5917fa127b5dbcfbd1fa60b14e583afdc08bfc96dda38886ca252eb60"
      url: "https://pub.dev"
    source: hosted
-    version: "15.0.0"
+    version: "15.0.2"
  web:
    dependency: transitive
    description:
@ -801,10 +801,10 @@ packages:
    dependency: transitive
    description:
      name: win32
-      sha256: "329edf97fdd893e0f1e3b9e88d6a0e627128cc17cc316a8d67fda8f1451178ba"
+      sha256: "66814138c3562338d05613a6e368ed8cfb237ad6d64a9e9334be3f309acfca03"
      url: "https://pub.dev"
    source: hosted
-    version: "5.13.0"
+    version: "5.14.0"
  xdg_directories:
    dependency: transitive
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.4.1+62
+version: 1.4.6+67

 environment:
  sdk: ^3.9.0-100.2.beta
@ -30,7 +30,6 @@ environment:
 dependencies:
  flutter:
    sdk: flutter
-  http: ^1.4.0
  get: ^4.7.2
  encrypt_shared_preferences: ^0.9.9
  cached_network_image: ^3.4.1
Author	SHA1	Message	Date
Flummi	405d388db0	v1.4.6+67 All checks were successful Flutter Schmutter / build (push) Successful in 3m46s Details	2025-06-23 02:51:49 +02:00
Flummi	e30635304b	...	2025-06-22 17:24:43 +02:00
Flummi	7a1f76ee85	v1.4.5+66 All checks were successful Flutter Schmutter / build (push) Successful in 3m34s Details	2025-06-22 03:40:13 +02:00
Flummi	95f6dcfe2b	v1.4.4+65 All checks were successful Flutter Schmutter / build (push) Successful in 3m35s Details	2025-06-22 03:02:18 +02:00
Flummi	7f0743808a	logo schmogo	2025-06-21 18:50:00 +02:00
Flummi	840395bb69	v1.4.3+64 All checks were successful Flutter Schmutter / build (push) Successful in 3m33s Details	2025-06-21 16:48:28 +02:00
Flummi	7a88c23e57	v1.4.2+63 All checks were successful Flutter Schmutter / build (push) Successful in 3m51s Details	2025-06-21 16:28:57 +02:00