sodalive-android/app/src/main/res/layout/fragment_audio_content_player.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/black"
    android:padding="20dp">

    <ImageView
        android:id="@+id/iv_close"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"
        android:src="@drawable/ic_bottom_white"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:ellipsize="end"
        android:fontFamily="@font/gmarket_sans_medium"
        android:maxLines="2"
        android:padding="5dp"
        android:textColor="@color/color_eeeeee"
        android:textSize="16sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_close"
        tools:text="JFLA 커버곡 Avicii - Waiting For Love + Hey Brother" />

    <ImageView
        android:id="@+id/iv_creator_profile"
        android:layout_width="26.7dp"
        android:layout_height="26.7dp"
        android:layout_marginTop="21dp"
        android:contentDescription="@null"
        app:layout_constraintStart_toStartOf="@+id/tv_title"
        app:layout_constraintTop_toBottomOf="@+id/tv_title"
        tools:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_creator_nickname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="5.3dp"
        android:fontFamily="@font/gmarket_sans_medium"
        android:textColor="@color/color_909090"
        android:textSize="13.3sp"
        app:layout_constraintBottom_toBottomOf="@+id/iv_creator_profile"
        app:layout_constraintStart_toEndOf="@+id/iv_creator_profile"
        app:layout_constraintTop_toTopOf="@+id/iv_creator_profile"
        tools:text="닉네임" />

    <ImageView
        android:id="@+id/iv_cover"
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:contentDescription="@null"
        android:visibility="gone"
        app:layout_constraintBottom_toTopOf="@+id/sb_progress"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_creator_profile"
        tools:src="@drawable/img_compleate_book" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_playlist_content"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginVertical="20dp"
        android:visibility="gone"
        app:layout_constraintBottom_toTopOf="@+id/sb_progress"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_close" />

    <SeekBar
        android:id="@+id/sb_progress"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5.3dp"
        app:layout_constraintBottom_toTopOf="@+id/tv_progress_time"
        app:layout_constraintEnd_toEndOf="@+id/tv_total_time"
        app:layout_constraintStart_toStartOf="@+id/tv_progress_time" />

    <TextView
        android:id="@+id/tv_progress_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="21dp"
        android:fontFamily="@font/gmarket_sans_medium"
        android:textColor="@color/color_bbbbbb"
        android:textSize="12sp"
        app:layout_constraintBottom_toTopOf="@+id/iv_play_or_pause"
        app:layout_constraintStart_toStartOf="parent"
        tools:text="02:36" />

    <TextView
        android:id="@+id/tv_total_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/gmarket_sans_medium"
        android:textColor="@color/color_777777"
        android:textSize="12sp"
        app:layout_constraintBottom_toBottomOf="@+id/tv_progress_time"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@+id/tv_progress_time"
        tools:text="06:19" />

    <ImageView
        android:id="@+id/iv_play_or_pause"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="21dp"
        android:contentDescription="@null"
        android:src="@drawable/ic_player_play"
        app:layout_constraintBottom_toTopOf="@+id/iv_playlist"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <ImageView
        android:id="@+id/iv_skip_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"
        android:src="@drawable/ic_skip_back"
        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />

    <ImageView
        android:id="@+id/iv_skip_forward"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"
        android:src="@drawable/ic_skip_forward"
        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />

    <ImageView
        android:id="@+id/iv_seek_backward_10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"
        android:src="@drawable/ic_player_prev_10"
        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
        app:layout_constraintEnd_toStartOf="@+id/iv_play_or_pause"
        app:layout_constraintStart_toEndOf="@+id/iv_skip_back"
        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />

    <ImageView
        android:id="@+id/iv_seek_forward_10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"
        android:src="@drawable/ic_player_next_10"
        app:layout_constraintBottom_toBottomOf="@+id/iv_play_or_pause"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/iv_skip_forward"
        app:layout_constraintStart_toEndOf="@+id/iv_play_or_pause"
        app:layout_constraintTop_toTopOf="@+id/iv_play_or_pause" />

    <ImageView
        android:id="@+id/iv_playlist"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@null"
        android:padding="5dp"
        android:src="@drawable/ic_playlist"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>