This commit is contained in:
2026-09-14 15:51:11 +02:00
parent ba5bc18b98
commit 22ffc3b51a
13 changed files with 3162 additions and 284 deletions
+22 -7
View File
@@ -8,12 +8,19 @@
<div id="f0ck-album-video-wrapper" class="album-video-wrapper embed-responsive embed-responsive-16by9" style="display: none; position: absolute; inset: 0; width: 100%; height: 100%;">
<video id="f0ck-album-video" class="embed-responsive-item" preload="auto" loop playsinline></video>
</div>
<div id="f0ck-album-audio-wrapper" class="album-audio-wrapper embed-responsive embed-responsive-16by9" style="display: none; position: absolute; inset: 0; width: 100%; height: 100%;">
<div id="f0ck-album-audio-wrapper" class="album-audio-wrapper embed-responsive embed-responsive-16by9" style="display: none; position: absolute; inset: 0; width: 100%; height: 100%; background: #000;">
<div class="sidebar-media-placeholder audio">
<div class="audio-cover-circle"></div>
<i class="fa-solid fa-music"></i>
<div class="audio-track-info-badge">
<div class="audio-track-info-details">
<span class="audio-track-artist"></span>
<span class="audio-track-title"></span>
</div>
</div>
<div class="audio-cover-circle">
<i class="fa-solid fa-music"></i>
</div>
</div>
<audio id="f0ck-album-audio" class="embed-responsive-item" preload="auto" loop></audio>
<audio id="f0ck-album-audio" class="embed-responsive-item" preload="auto" loop crossorigin="anonymous"></audio>
</div>
</div>
<!-- Album Gallery Controls Inside View -->
@@ -59,10 +66,18 @@
<video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="auto" data-size="{{ item.size }}" loop playsinline></video>
</div>
@elseif(item.mime.startsWith("audio"))
<div class="embed-responsive embed-responsive-16by9">
<div class="embed-responsive embed-responsive-16by9" style="background: #000;">
<div class="sidebar-media-placeholder audio @if(item.coverart)has-cover@endif">
<div class="audio-cover-circle" @if(item.coverart)style="background-image: url('{{ item.coverart }}');"@endif></div>
<i class="fa-solid fa-music"></i>
<div class="audio-reactive-bg"></div>
<div class="audio-track-info-badge">
<div class="audio-track-info-details">
<span class="audio-track-artist"></span>
<span class="audio-track-title"></span>
</div>
</div>
<div class="audio-cover-circle" @if(item.coverart)style="background-image: url('{{ item.coverart }}');"@endif>
<i class="fa-solid fa-music"></i>
</div>
</div>
<audio id="my-video" class="embed-responsive-item" preload="auto" loop src="{{ item.dest }}" data-setup="{}" data-size="{{ item.size }}" @if(item.coverart)poster="{{ item.coverart }}"@endif type="{{ item.mime }}"></audio>
<img id="f0ck-audio-cover" @if(item.coverart)src="{{ item.coverart }}"@endif style="display: none;">