memby/app/src/main/res/layout/player_next_up_banner.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- What is on next, said in one short bar in the bottom-left corner while the episode the
     viewer is watching keeps playing behind it.

     It replaced a 420dp card that shrank the picture to 58% to make room for itself, which
     is the whole complaint: the credits are the last thing an episode has to say and the
     overlay was covering them. Nothing here is focusable — the bar takes no part in the
     remote's world, so the transport, the seek keys and the centre button all keep meaning
     what they meant a moment before it appeared. Play now is the transport's own Next
     Episode button, which is offered whenever this bar is, and Back dismisses.

     Everything is in dp and nothing is measured against the screen, so it is the same size
     on a 720p set and a 4K one; the safe-area margins keep it clear of overscan. -->
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/player_next_up"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="false"
    android:visibility="gone">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|start"
        android:layout_marginStart="48dp"
        android:layout_marginBottom="48dp"
        android:background="@drawable/next_up_banner_background"
        android:baselineAligned="false"
        android:focusable="false"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingStart="22dp"
        android:paddingTop="13dp"
        android:paddingEnd="22dp"
        android:paddingBottom="13dp">

        <!-- The show's own title treatment, with its name as the fallback underneath. Both
             live in the same slot at the same height, so which one arrives cannot change
             the shape of the bar. -->
        <FrameLayout
            android:layout_width="wrap_content"
            android:layout_height="34dp">

            <ImageView
                android:id="@+id/player_next_up_logo"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:adjustViewBounds="true"
                android:contentDescription="@null"
                android:maxWidth="168dp"
                android:scaleType="fitStart"
                android:visibility="gone"
                tools:visibility="visible" />

            <TextView
                android:id="@+id/player_next_up_series"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:ellipsize="end"
                android:gravity="center_vertical"
                android:maxLines="1"
                android:maxWidth="220dp"
                android:textColor="#FFFFFFFF"
                android:textSize="18sp"
                android:textStyle="bold"
                tools:text="Lioness" />
        </FrameLayout>

        <View
            android:layout_width="1dp"
            android:layout_height="26dp"
            android:layout_marginStart="18dp"
            android:layout_marginEnd="18dp"
            android:background="@drawable/next_up_divider" />

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

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:letterSpacing="0.14"
                android:text="@string/next_up_next_episode"
                android:textColor="#FF69CD61"
                android:textSize="11sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/player_next_up_countdown"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:maxLines="1"
                android:textColor="#D9FFFFFF"
                android:textSize="13sp"
                tools:text="Starting in 15s" />
        </LinearLayout>

        <com.ponzischeme89.memby.ui.player.CountdownRingView
            android:id="@+id/player_next_up_ring"
            android:layout_width="38dp"
            android:layout_height="38dp"
            android:layout_marginStart="20dp" />
    </LinearLayout>
</FrameLayout>