import os from datetime import timedelta import flet as ft from .utils import format_timedelta_str_ms # from inside, this control is just a Column control, # so, asking about vertical and horizontal alignments makes sense class AudioPlayer(ft.Container): def __init__( self, page: ft.Page, src_dir: str | None = None, src: str | None = None, curr_idx: int = 0, font_family: str | None = None, controls_vertical_alignment: ft.MainAxisAlignment = ft.MainAxisAlignment.CENTER, controls_horizontal_alignment: ft.CrossAxisAlignment = ft.CrossAxisAlignment.CENTER, *args, **kwargs, ): """ Arguments to constructor: page: page src_dir: Path to directory where audio files rest src: Path to the audio file, if src_dir is not to be given curr_idx: The index number of file the control should use when it is just added font_family: Font family to be used in the textual controls controls_vertical_alignment: From inside, AudioPlayer is just a Column control, so these control_..._alignment is for the Column control controls_horizontal_alignment: ... """ super().__init__(*args, **kwargs) self.page_ = page self.font_family = font_family self.curr_idx = curr_idx if src_dir is None: self.src_dir = "" self.src_dir_contents = [src] else: self.src_dir = src_dir self.src_dir_contents = [ os.path.join(self.src_dir, folder_content) for folder_content in os.listdir(self.src_dir) if folder_content.split(".")[-1] == "mp3" and not os.path.isdir(os.path.join(self.src_dir, folder_content)) ] self.curr_song_name = self.src_dir_contents[self.curr_idx] self.seek_bar = ft.ProgressBar(width=self.width) # for elapsed time and duration self.times_row = ft.Row( alignment=ft.MainAxisAlignment.SPACE_BETWEEN, # width=self.width, ) # play pause next buttons self.play_controls = ft.Container( ft.Column( [ ft.Row( [ # ft.Text(), # placeholder, nothing to be placed here ft.IconButton( icon=ft.Icons.SKIP_PREVIOUS_SHARP, data="prev", on_click=self.prev_next_music, ), play_pause_btn := ft.IconButton( icon=ft.Icons.PLAY_ARROW, on_click=self.play_pause ), ft.IconButton( icon=ft.Icons.SKIP_NEXT_SHARP, data="next", on_click=self.prev_next_music, ), ], alignment=ft.MainAxisAlignment.CENTER, spacing=0, ), ft.Container( ft.Row( [ ft.IconButton( icon=ft.Icons.ADD, data="inc", on_click=self.change_vol, icon_size=18, ), ft.IconButton( icon=ft.Icons.REMOVE, data="dec", on_click=self.change_vol, icon_size=18, ), ], spacing=0, # wrap=True, alignment=ft.MainAxisAlignment.CENTER, ), # border=ft.border.all(2, ft.Colors.PINK), ), ], spacing=0, # horizontal_alignment=ft.CrossAxisAlignment.CENTER, ), width=page.width, alignment=ft.alignment.center, # border=ft.border.all(2, ft.Colors.PURPLE), margin=0, ) self.contents = [self.seek_bar, self.times_row, self.play_controls] self.content = ft.Column( self.contents, alignment=controls_vertical_alignment, horizontal_alignment=controls_horizontal_alignment, ) self.audio = ft.Audio( src=self.src_dir_contents[self.curr_idx], volume=1, on_loaded=self._show_controls, on_state_changed=lambda _: setattr( self, "curr_state", _.data ), # equivalent of self.curr_state = _.data on_position_changed=self._update_controls, ) self.page_.overlay.append(self.audio) self.page_.update() self.play_pause_btn = play_pause_btn self.playing = False # self.border = ft.border.all(2, ft.Colors.PURPLE) # contents = ft.Column([self.seek_bar]) def play_pause(self, e): if self.playing: self.audio.pause() self.playing = False self.play_pause_btn.icon = ft.Icons.PLAY_ARROW else: self.audio.resume() self.playing = True self.play_pause_btn.icon = ft.Icons.PAUSE self.page_.update() def prev_next_music(self, e): old_audio_src = self.audio.src try: old_audio_state = self.curr_state except: # when user has not changed the state, that is, control is just added to the page old_audio_state = "paused" self.audio.pause() if e.control.data == "next": idx = self.curr_idx + 1 if idx >= len(self.src_dir_contents): idx = len(self.src_dir_contents) - 1 elif e.control.data == "prev": idx = self.curr_idx - 1 if idx <= 0: idx = 0 self.curr_idx = idx new_path = os.path.join(self.src_dir, self.src_dir_contents[self.curr_idx]) self.curr_song_name = self.src_dir_contents[self.curr_idx] # if it is the same song as the old one, resume the audo and bail out if old_audio_src == new_path: if old_audio_state == "playing": self.audio.resume() return self.audio.src = new_path self.duration = self.audio.get_duration() if old_audio_state == "playing": self.play_pause_btn.icon = ft.Icons.PAUSE # too hacky way self.audio.autoplay = True elif old_audio_state == "paused": self.play_pause_btn.icon = ft.Icons.PLAY_ARROW self.page_.update() self.audio.autoplay = False def change_vol(self, e): if e.control.data == "inc": self.audio.volume += 0.1 elif e.control.data == "dec": self.audio.volume -= 0.1 self.audio.update() # executed when audio is loaded def _show_controls(self, e): self.seek_bar.value = 0 self.duration = self.audio.get_duration() elapsed_time, duration = self._calculate_formatted_times(0) self._update_times_row(elapsed_time, duration) # updating the progressbar and times_row def _update_controls(self, e): if e.data == "0": # completed self.play_pause_btn.icon = ft.Icons.PLAY_ARROW self.playing = False self.page_.update() return curr_time = int(e.data) # the elapsed time try: self.seek_bar.value = curr_time / self.duration except AttributeError: self.duration = self.audio.get_duration() finally: self.seek_bar.value = curr_time / self.duration elapsed_time, duration = self._calculate_formatted_times(curr_time) self._update_times_row(elapsed_time, duration) def _calculate_formatted_times(self, elapsed_time: int): formatted_elapsed_time = format_timedelta_str_ms( str(timedelta(milliseconds=elapsed_time)) ) formatted_time_duration = format_timedelta_str_ms( str(timedelta(milliseconds=self.duration)) ) return formatted_elapsed_time, formatted_time_duration def _update_times_row(self, elapsed_time, time_duration): self.times_row.controls = [ ft.Text(elapsed_time, font_family=self.font_family), ft.Text(time_duration, font_family=self.font_family), ] self.page_.update()