allow to pass parameters to url

Author: QuentinGab

database/factories/MediaFactory.php

@@ -29,6 +29,23 @@ public function definition()
         ];
     }
 
+    public function withPoster(): static
+    {
+        return $this->state(function (array $attributes) {
+            return [
+                'generated_conversions' => collect($attributes['generated_conversions'] ?? [])
+                    ->put('poster', new GeneratedConversion(
+                        state: 'success',
+                        type: MediaType::Image,
+                        file_name: 'poster.png',
+                        name: 'poster',
+                        path: '/uuid/poster/poster.png',
+                        disk: $attributes['disk'],
+                    )),
+            ];
+        });
+    }
+
     public static function generatedConversion(?string $disk = null)
     {
         return new GeneratedConversion(

resources/views/components/img.blade.php

@@ -1,19 +1,17 @@
 @props([
-    'conversion' => null,
     'media',
-    'responsive' => false,
+    'conversion' => null,
+    'fallback' => false,
+    'parameters' => null,
     'loading' => 'lazy',
     'alt' => null,
+    'src' => null,
     'width' => null,
     'height' => null,
-    'sizes' => '1px',
-    'fallback' => false,
 ])
 
-<img {!! $attributes !!} loading="{{ $loading }}" src="{{ $media->getUrl($conversion, $fallback) }}"
+<img {!! $attributes !!} loading="{{ $loading }}"
+    src="{{ $src ?? $media->getUrl($conversion, $fallback, $parameters) }}"
     height="{{ $height ?? $media->getHeight($conversion, $fallback) }}"
     width="{{ $width ?? $media->getWidth($conversion, $fallback) }}"
-    alt="{{ $alt ?? $media->getName($conversion, $fallback) }}"
-    @if ($responsive) srcset="{{ $media->getSrcset($conversion)->join(', ') }}" 
-    onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});"
-    sizes="{{ $sizes }}" @endif>
+    alt="{{ $alt ?? $media->getName($conversion, $fallback) }}">

resources/views/components/video.blade.php

@@ -1,19 +1,24 @@
 @props([
+    'media',
     'conversion' => null,
-    'poster' => null,
+    'fallback' => false,
+    'parameters' => null,
     'src' => null,
+    'height' => null,
+    'width' => null,
+    'alt' => null,
+    'poster' => null,
+    'posterConversion' => 'poster',
     'autoplay' => false,
     'muted' => false,
     'playsinline' => false,
     'loop' => false,
-    'media',
 ])
 
-<video {!! $attributes !!} height="{{ $media->getHeight($conversion) }}" width="{{ $media->getWidth($conversion) }}"
-    alt="{{ $media->getName($conversion) }}"
-    poster="{{ $poster ?? $media->getUrl($conversion ? $conversion . '.poster' : 'poster') }}"
-    src="{{ $src ?? $media->getUrl($conversion) }}" @if ($autoplay) autoplay @endif
-    @if ($muted) muted @endif @if ($playsinline) playsinline @endif
-    @if ($loop) loop @endif>
+<video {!! $attributes !!} src="{{ $src ?? $media->getUrl($conversion, $parameters) }}"
+    height="{{ $height ?? $media->getHeight($conversion) }}" width="{{ $width ?? $media->getWidth($conversion) }}"
+    alt="{{ $alt ?? $media->getName($conversion) }}" poster="{{ $poster ?? $media->getUrl($posterConversion) }}"
+    {{ when($autoplay, 'autoplay') }} {{ when($muted, 'muted') }} {{ when($playsinline, 'playsinline') }}
+    {{ when($loop, 'loop') }}>
     {{ $slot }}
 </video>

src/MediaCollection.php

@@ -18,5 +18,7 @@ public function __construct(
         public bool $public = false,
         public ?string $disk = null,
         public null|string|Closure $fallback = null,
-    ) {}
+    ) {
+        //
+    }
 }