jamfish/app/src/main/res/layout/activity_music_controller.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                tools:context="com.kabouzeid.gramophone.ui.activities.AlbumDetailActivity$PlaceholderFragment">

    <ImageView
        android:id="@+id/album_art"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/footer"
        android:background="@color/black"
        android:scaleType="centerCrop"
        android:src="@drawable/default_album_art"
        android:transitionName="@string/transition_album_cover"/>

    <LinearLayout
        android:orientation="vertical"
        android:id="@+id/dummy_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <View
            android:layout_width="match_parent"
            android:layout_height="@dimen/statusMargin"/>
        <View
            android:layout_width="match_parent"
            android:layout_height="?actionBarSize"/>
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/shadow_down"
        android:layout_alignBottom="@+id/dummy_toolbar"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/footer"
        android:background="@drawable/shadow_up"
        android:layout_alignTop="@+id/progress_container"/>

    <LinearLayout
        android:id="@+id/progress_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/footer"
        android:orientation="horizontal"
        android:padding="16dp">

        <TextView
            android:id="@+id/song_current_progress"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:fontFamily="sans-serif-medium"
            android:gravity="bottom|left"
            android:singleLine="true"
            android:textAppearance="@style/TextAppearance.AppCompat.Title"
            android:textColor="@color/white"
            android:textSize="16sp"
            android:textStyle="bold"/>

        <TextView
            android:id="@+id/song_total_time"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:fontFamily="sans-serif"
            android:gravity="bottom|right"
            android:singleLine="true"
            android:textAppearance="@style/TextAppearance.AppCompat.Title"
            android:textColor="@color/white"
            android:textSize="16sp"/>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/media_controller_container"
        android:background="?default_bar_color"
        android:orientation="vertical"
        android:paddingBottom="16dp"
        android:paddingLeft="72dp"
        android:paddingRight="72dp"
        android:paddingTop="16dp"
        android:transitionName="@string/transition_album_text">

        <TextView
            android:id="@+id/song_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif-medium"
            android:singleLine="true"
            android:textAppearance="@style/TextAppearance.AppCompat.Title"
            android:textColor="?attr/title_text_color"/>

        <TextView
            android:id="@+id/song_artist"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:singleLine="true"
            android:textAppearance="@style/TextAppearance.AppCompat.Caption"
            android:textColor="?attr/caption_text_color"/>

    </LinearLayout>

    <RelativeLayout
        android:id="@+id/media_controller_container"
        android:layout_width="match_parent"
        android:layout_height="88dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="16dp"
        android:background="?music_controller_container_color">

        <ImageButton
            android:id="@+id/prev_button"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_centerVertical="true"
            android:layout_marginRight="-8dp"
            android:layout_toLeftOf="@+id/fab"
            android:background="?round_selector"
            android:padding="22dp"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_skip_previous_white_48dp"/>

        <ImageButton
            android:id="@+id/next_button"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="-8dp"
            android:layout_toRightOf="@+id/fab"
            android:background="?round_selector"
            android:padding="22dp"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_skip_next_white_48dp"/>

        <ImageButton
            android:id="@+id/repeat_button"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:layout_marginLeft="8dp"
            android:background="?round_selector"
            android:padding="22dp"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_repeat_grey600_48dp"/>

        <ImageButton
            android:id="@+id/shuffle_button"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="8dp"
            android:background="?round_selector"
            android:padding="22dp"
            android:scaleType="fitCenter"
            android:src="@drawable/ic_shuffle_grey600_48dp"/>

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/fab"
            style="@style/PlayPauseFab"
            android:layout_centerInParent="true"/>

    </RelativeLayout>

    <SeekBar
        android:id="@+id/progress_slider"
        style="@style/MusicProgressSlider"
        android:layout_above="@+id/footer"
        android:elevation="2dp"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/statusBar"
            android:layout_width="match_parent"
            android:layout_height="@dimen/statusMargin"
            android:background="@android:color/transparent"/>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            style="@style/Toolbar"
            android:background="@android:color/transparent"/>
    </LinearLayout>

</RelativeLayout>