|
1 | 1 | @page "/share/{ShareUniqueId}" |
2 | | -@using AuralizeBlazor |
3 | 2 | @using Melodee.Common.Data.Models.Extensions |
4 | 3 | @using Melodee.Common.Enums |
5 | 4 |
|
|
13 | 12 |
|
14 | 13 | <div class="shared-container"> |
15 | 14 |
|
16 | | - <Auralizer |
17 | | - InitialPreset="AuralizerPreset.ClassicLedBars" |
18 | | - TrackList="@_songInfos" |
19 | | - Height="400px" |
20 | | - Width="100%"> |
21 | | - <div style="text-align: center;"> |
22 | | - <audio class="audio-main" preload="metadata" loading="lazy" controls src="@_songInfos[0].Url"></audio> |
| 15 | + @if (_selectedTrack is not null) |
| 16 | + { |
| 17 | + <div class="shared-player"> |
| 18 | + <img src="@_selectedTrack.CoverArtUrl" alt="" class="shared-cover-art" loading="lazy" /> |
| 19 | + <div class="shared-player-details"> |
| 20 | + <h1>@_selectedTrack.Title</h1> |
| 21 | + <audio class="audio-main" preload="metadata" controls src="@_selectedTrack.Url"></audio> |
| 22 | + </div> |
23 | 23 | </div> |
24 | | - </Auralizer> |
| 24 | + } |
| 25 | + |
| 26 | + @if (_tracks.Length > 1) |
| 27 | + { |
| 28 | + <ol class="shared-track-list"> |
| 29 | + @foreach (var track in _tracks) |
| 30 | + { |
| 31 | + <li> |
| 32 | + <button type="button" |
| 33 | + class="shared-track-button" |
| 34 | + @onclick="() => SelectTrack(track)"> |
| 35 | + @track.Title |
| 36 | + </button> |
| 37 | + </li> |
| 38 | + } |
| 39 | + </ol> |
| 40 | + } |
25 | 41 |
|
26 | 42 | </div> |
27 | 43 |
|
28 | 44 | @code { |
29 | 45 | [Parameter] public required string ShareUniqueId { get; set; } |
30 | 46 | [CascadingParameter] private HttpContext? HttpContext { get; set; } |
31 | 47 |
|
32 | | - private IAuralizerTrack[] _songInfos = [new AuralizerTrack(string.Empty, string.Empty, string.Empty)]; |
| 48 | + private SharedTrack[] _tracks = []; |
| 49 | + private SharedTrack? _selectedTrack; |
33 | 50 |
|
34 | 51 | protected override async Task OnParametersSetAsync() |
35 | 52 | { |
|
44 | 61 | var songResult = await SongService.GetAsync(share.ShareId); |
45 | 62 | if (songResult is { IsSuccess: true, Data: not null }) |
46 | 63 | { |
47 | | - _songInfos = |
| 64 | + SetTracks( |
48 | 65 | [ |
49 | | - new AuralizerTrack(songResult.Data.ToApiStreamUrl(configuration, HttpContext), |
| 66 | + new SharedTrack(songResult.Data.ToApiStreamUrl(configuration, HttpContext), |
50 | 67 | $"{songResult.Data.Album.Name} - {songResult.Data.Title}", |
51 | 68 | $"/images/{songResult.Data.ToCoverArtId()}/{ ImageSize.Large }") |
52 | | - ]; |
| 69 | + ]); |
53 | 70 | } |
54 | 71 |
|
55 | 72 | break; |
56 | 73 | case ShareType.Album: |
57 | 74 | var albumResult = await AlbumService.GetAsync(share.ShareId); |
58 | 75 | if (albumResult is { IsSuccess: true, Data: not null }) |
59 | 76 | { |
60 | | - _songInfos = albumResult.Data.Songs.Select(x => |
61 | | - new AuralizerTrack(x.ToApiStreamUrl(configuration, HttpContext), |
| 77 | + SetTracks(albumResult.Data.Songs.Select(x => |
| 78 | + new SharedTrack(x.ToApiStreamUrl(configuration, HttpContext), |
62 | 79 | $"{albumResult.Data.Name} - {x.Title}", |
63 | 80 | $"/images/{albumResult.Data.ToCoverArtId()}/{ ImageSize.Large }") |
64 | | - ).ToArray(); |
| 81 | + ).ToArray()); |
65 | 82 | } |
66 | 83 |
|
67 | 84 | break; |
68 | 85 | case ShareType.Playlist: |
69 | 86 | var playlistResult = await PlaylistService.GetAsync(share.ShareId); |
70 | 87 | if (playlistResult is { IsSuccess: true, Data: not null }) |
71 | 88 | { |
72 | | - _songInfos = playlistResult.Data.Songs.Select(x => |
73 | | - new AuralizerTrack(x.Song.ToApiStreamUrl(configuration, HttpContext), |
| 89 | + SetTracks(playlistResult.Data.Songs.Select(x => |
| 90 | + new SharedTrack(x.Song.ToApiStreamUrl(configuration, HttpContext), |
74 | 91 | $"{x.Song.Album.Name} - {x.Song.Title}", |
75 | 92 | $"/images/{x.Song.ToCoverArtId()}/{ ImageSize.Large }") |
76 | | - ).ToArray(); |
| 93 | + ).ToArray()); |
77 | 94 | } |
78 | 95 |
|
79 | 96 | break; |
|
83 | 100 | } |
84 | 101 | } |
85 | 102 |
|
| 103 | + private void SetTracks(SharedTrack[] tracks) |
| 104 | + { |
| 105 | + _tracks = tracks; |
| 106 | + _selectedTrack = _tracks.FirstOrDefault(); |
| 107 | + } |
86 | 108 |
|
87 | | -} |
| 109 | + private void SelectTrack(SharedTrack track) |
| 110 | + { |
| 111 | + _selectedTrack = track; |
| 112 | + } |
88 | 113 |
|
| 114 | + private sealed record SharedTrack(string Url, string Title, string CoverArtUrl); |
| 115 | +} |
89 | 116 |
|
90 | 117 |
|
0 commit comments