FlutterFlow 기초 - #35 베이스 위젯 AudioPlayer

베이스 위젯 AudioPlayer위젯  사용방법

 오디오플레이 아이콘(AudioPlayer)위젯은 오디오 파일을 재생할 수 있는 위젯

Properties 설정하기

1) Padding & Alignment

• AudioPlayer 전체의 Padding과 Ailgnment를 설정

2) Audio Option

• Title : 오디오 파일 제목
• Audio Type : 오디오 파일 경로 설정
  • Path : 웹 상의 경로(Type이 Network)
  • Upload audio : 파일 업로드(Type이 Asset)
• Pause on Forward Navugation : 다른 페이지로 이동할 때 오디오 멈춤 설정
• Play in Background : 앱이 백그라운드로 이동 시 오디오 동작 설정
  • Disabled, restore on foreground : 앱이 다시 활성화 되면 오디오가 일시 중지되고 다시 시작
  • Disabled, pause : 앱이 백그라운드로 전환되면 오디오가 즉시 멈춤
  • Enabled : 오디오가 계속 재생

3) Audio Player Properties

• Fill Color : 오디오 항목 배경색
• Playback Button Color : 재생 버튼 배경 색상
• Active Track Color : 현재 재생 위치를 나타내는 진행률 색상
• Inactive Track Color : 재생이 되지 않은 진행률 색상
• Elevation : 오디오 항목의 그림자 설정

4) Title Text Style

• Theme Text Style : 오디오 제목 스타일
• Font Family : 폰트 스타일
• Font Weight : 글자 두께 설정
• Font Size : 글자 크기 설정
• Text Color : 글자 색상
• Line Height : 글자 위 간격 설정
• Letter Spacing : 글자 사이 간격 설정
• Text Align : 글자 정렬 설정
• Shadows : 글자 그림자 효과

5) Playback Duration Text Style

• Theme Text Style : 재생 시간의 글자 테마 설정
• Font Family : 폰트 스타일
• Font Weight : 글자 두께 설정
• Font Size : 글자 크기 설정
• Text Color : 글자 색상
• Line Height : 글자 위 간격 설정
• Letter Spacing : 글자 사이 간격 설정
• Text Align : 글자 정렬 설정
• Shadows : 글자 그림자 효과