Roman/AudiOhm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎉 Initial commit: AudiOhm - Alternative à Spotify avec streaming YouTube

Browse Source 
Features:
- Frontend Flutter avec thème néon cyberpunk
- Backend FastAPI avec streaming YouTube
- Base de données PostgreSQL + Redis
- Authentification JWT complète
- Recherche multi-source (DB + YouTube)
- Playlists CRUD avec drag & drop
- Queue management
- Settings avec audio quality
- Interface adaptative (Desktop + Mobile)

Tech Stack:
- Frontend: Flutter 3.2+, Riverpod
- Backend: Python 3.11+, FastAPI
- Database: PostgreSQL 15+
- Cache: Redis 7+
- Streaming: yt-dlp + FFmpeg

🚀 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
feldenr
2026-01-18 17:08:59 +01:00
commit 9c504d2c3d
128 changed files with 22638 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/lib/presentation/widgets/artist/artist_track_tile.dart
+237
View File
@@ -0,0 +1,237 @@
/// Artist Track Tile - Track item for artist details
library;
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../../domain/entities/track.dart';
import '../../../../core/theme/colors.dart';
import '../../providers/music_provider.dart';
import '../common/cached_network_image_with_fallback.dart';
class ArtistTrackTile extends ConsumerWidget {
final Track track;
final int index;
final VoidCallback? onTap;
const ArtistTrackTile({
required this.track,
required this.index,
this.onTap,
super.key,
});
@override
Widget build(BuildContext context, WidgetRef ref) {
final playerState = ref.watch(playerProvider);
final isCurrentlyPlaying =
playerState.currentTrack?.id == track.id && playerState.isPlaying;
return Container(
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
decoration: BoxDecoration(
color: AppColors.surface.withOpacity(isCurrentlyPlaying ? 0.8 : 0.4),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: isCurrentlyPlaying
? AppColors.cyan.withOpacity(0.5)
: AppColors.cyan.withOpacity(0.1),
width: isCurrentlyPlaying ? 2 : 1,
),
boxShadow: isCurrentlyPlaying ? AppColors.cyanGlow : null,
),
child: Material(
color: Colors.transparent,
child: InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(12),
child: Padding(
padding: const EdgeInsets.all(12),
child: Row(
children: [
// Track number or playing indicator
_buildTrackIndicator(isCurrentlyPlaying),
const SizedBox(width: 16),
// Album art
_buildAlbumArt(),
const SizedBox(width: 16),
// Track info
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
track.title,
style: TextStyle(
color: isCurrentlyPlaying
? AppColors.cyan
: AppColors.onBackground,
fontWeight: FontWeight.w600,
fontSize: 15,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
if (track.album != null) ...[
const SizedBox(height: 4),
Text(
track.album!.title,
style: const TextStyle(
color: AppColors.onSurfaceVariant,
fontSize: 13,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
],
],
),
),
// Play count
if (track.playCount != null)
Padding(
padding: const EdgeInsets.only(right: 16),
child: _buildPlayCount(),
),
// Duration
Text(
track.formattedDuration,
style: const TextStyle(
color: AppColors.muted,
fontSize: 13,
),
),
const SizedBox(width: 12),
// Add to queue button
_buildAddToQueueButton(ref),
],
),
),
),
),
);
}
Widget _buildTrackIndicator(bool isPlaying) {
return SizedBox(
width: 24,
child: isPlaying
? _buildPlayingIndicator()
: Text(
'${index + 1}',
style: const TextStyle(
color: AppColors.muted,
fontSize: 14,
fontWeight: FontWeight.w500,
),
textAlign: TextAlign.center,
),
);
}
Widget _buildPlayingIndicator() {
return SizedBox(
width: 24,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
_buildBar(0.6),
const SizedBox(height: 2),
_buildBar(1.0),
const SizedBox(height: 2),
_buildBar(0.4),
],
),
);
}
Widget _buildBar(double height) {
return AnimatedContainer(
duration: const Duration(milliseconds: 300),
width: 3,
height: 8 * height,
decoration: BoxDecoration(
color: AppColors.cyan,
borderRadius: BorderRadius.circular(2),
),
);
}
Widget _buildAlbumArt() {
return ClipRRect(
borderRadius: BorderRadius.circular(8),
child: SizedBox(
width: 48,
height: 48,
child: CachedNetworkImageWithFallback(
imageUrl: track.imageUrl,
fallbackIcon: Icons.album,
progressColor: AppColors.cyan,
fit: BoxFit.cover,
),
),
);
}
Widget _buildPlayCount() {
final playCount = track.playCount!;
String countText;
if (playCount >= 1000000) {
countText = '${(playCount / 1000000).toStringAsFixed(1)}M';
} else if (playCount >= 1000) {
countText = '${(playCount / 1000).toStringAsFixed(1)}K';
} else {
countText = playCount.toString();
}
return Row(
mainAxisSize: MainAxisSize.min,
children: [
const Icon(
Icons.play_arrow,
size: 16,
color: AppColors.muted,
),
const SizedBox(width: 4),
Text(
countText,
style: const TextStyle(
color: AppColors.muted,
fontSize: 13,
),
),
],
);
}
Widget _buildAddToQueueButton(WidgetRef ref) {
return IconButton(
icon: const Icon(
Icons.playlist_add,
color: AppColors.muted,
size: 20,
),
onPressed: () {
ref.read(playerProvider.notifier).addToQueue(track);
ScaffoldMessenger.of(ref.context).showSnackBar(
SnackBar(
content: Text('${track.title} added to queue'),
duration: const Duration(seconds: 2),
backgroundColor: AppColors.surface,
behavior: SnackBarBehavior.floating,
),
);
},
tooltip: 'Add to queue',
splashRadius: 20,
);
}
}