Files
deepdrft/DeepDrftPublic.Client/Controls/AudioPlayerBar/LevelMeterFab.razor.cs
T

148 lines
4.9 KiB
C#

using DeepDrftPublic.Client.Services;
using Microsoft.AspNetCore.Components;
namespace DeepDrftPublic.Client.Controls.AudioPlayerBar;
public partial class LevelMeterFab : ComponentBase, IAsyncDisposable
{
[Inject] public required AudioInteropService AudioInterop { get; set; }
[CascadingParameter] public IStreamingPlayerService? PlayerService { get; set; }
[Parameter] public EventCallback OnClick { get; set; }
// Level-data reduction tuning (see PLAN-level-meter-fab.md §2/§4). The three
// band boundaries below are the spec contract; the attack/release coefficients
// and silence floor are by-ear tuning values.
private const double AttackCoefficient = 0.6; // fast rise toward a louder reading
private const double ReleaseCoefficient = 0.15; // slow decay so the tint doesn't strobe
private const double SilenceFloorDb = -80.0; // matches the analyzer's normalization window
private const double GreenCeilingDb = -18.0; // ≤ this → green
private const double YellowCeilingDb = -6.0; // ≤ this → yellow; above → orange
private readonly string _instanceId = Guid.NewGuid().ToString();
private bool _isAnimating;
private string? _playerId;
private IStreamingPlayerService? _subscribedService;
private double _smoothedDb = SilenceFloorDb;
private string _bandClass = string.Empty;
protected override async Task OnParametersSetAsync()
{
// The cascade is IsFixed, so the provider's re-renders do NOT re-run
// OnParametersSet here. Subscribe to the multicast StateChanged side-channel
// so animation state stays correct independent of parent re-renders —
// notably when the bar minimizes while a track is already playing.
if (PlayerService != null && !ReferenceEquals(PlayerService, _subscribedService))
{
if (_subscribedService != null)
_subscribedService.StateChanged -= OnPlayerStateChanged;
PlayerService.StateChanged += OnPlayerStateChanged;
_subscribedService = PlayerService;
}
if (_playerId == null && PlayerService is AudioPlayerService baseService)
{
_playerId = baseService.PlayerId;
}
await UpdateAnimationState();
}
private void OnPlayerStateChanged() => InvokeAsync(async () =>
{
if (_playerId == null && PlayerService is AudioPlayerService baseService)
{
_playerId = baseService.PlayerId;
}
await UpdateAnimationState();
});
private async Task UpdateAnimationState()
{
if (string.IsNullOrEmpty(_playerId) || PlayerService == null) return;
var shouldAnimate = PlayerService.IsPlaying;
if (shouldAnimate && !_isAnimating)
{
await StartAnimation();
}
else if (!shouldAnimate && _isAnimating)
{
await StopAnimation();
}
}
private async Task StartAnimation()
{
if (_isAnimating || string.IsNullOrEmpty(_playerId)) return;
_isAnimating = true;
_smoothedDb = SilenceFloorDb;
await AudioInterop.StartSpectrumAnimationAsync(_playerId, _instanceId, OnLevelData);
}
private async Task StopAnimation()
{
if (!_isAnimating || string.IsNullOrEmpty(_playerId)) return;
_isAnimating = false;
await AudioInterop.StopSpectrumAnimationAsync(_playerId, _instanceId);
// Revert to idle untinted; CSS eases the color back over 120ms.
if (_bandClass.Length > 0)
{
_bandClass = string.Empty;
await InvokeAsync(StateHasChanged);
}
}
private Task OnLevelData(double[] buckets)
{
if (buckets.Length == 0) return Task.CompletedTask;
// Peak reads more responsively than mean for a "hot signal" indicator.
var peak = 0.0;
foreach (var bucket in buckets)
{
if (bucket > peak) peak = bucket;
}
// Inverse of SpectrumAnalyzer's normalization: value = (clampedDb + 80) / 80.
var instantDb = peak * 80.0 - 80.0;
// Attack-fast / release-slow envelope so the tint doesn't strobe at 30fps.
var coefficient = instantDb > _smoothedDb ? AttackCoefficient : ReleaseCoefficient;
_smoothedDb += (instantDb - _smoothedDb) * coefficient;
var band = BandFor(_smoothedDb);
if (band != _bandClass)
{
_bandClass = band;
InvokeAsync(StateHasChanged);
}
return Task.CompletedTask;
}
private static string BandFor(double db) => db switch
{
<= GreenCeilingDb => "lmf-green",
<= YellowCeilingDb => "lmf-yellow",
_ => "lmf-orange"
};
public async ValueTask DisposeAsync()
{
if (_subscribedService != null)
{
_subscribedService.StateChanged -= OnPlayerStateChanged;
_subscribedService = null;
}
await StopAnimation();
}
}