Create the In-App Media Player Screen

[oliverspryn]

As a user, I need a way to play a sermon from within the app so that I can listen to a sermon without starting up Android Auto to listen to my content.

Acceptance Criteria:

• GIVEN the media player screen

Acceptance Criteria for a Phone or Phablet:

• GIVEN the user is on the sermon list
  • WHEN tapping a sermon
    • THEN the user is taken to the media player screen
    • AND the view fills the entire screen

Acceptance Criteria for a Tablet:

• GIVEN the user is on the sermon list
  • WHEN there aren't any sermons in the list
    • THEN the right fragment is blank
  • WHEN the user has not tapped any sermon in the list
    • THEN the right fragment is populated with a placeholder screen
    • AND the placeholder screen has an image
    • AND the placeholder screen has a label below the image
    • AND those views are centered vertically and horizontally
    • AND the image comes an Undraw image named "Task"
    • AND the text below the image reads "Select a sermon from the list"
    • AND the text is of font size 16sp, bold, and 8dp padded from the image above
  • WHEN tapping a sermon
    • THEN the right fragment is populated with the media player view
    • AND the view fills only that portion of the screen

Developer Notes:

• This story does not play a sermon but provides the view and the framework to navigate to the screen so that a later story can play the content.
• The artwork for the sermon is not yet available. Therefore, a future story will integrate this content. Just use the Android sample images to "populate" the album artwork.

Apps for Inspiration:

• Amazon Music: https://lh3.googleusercontent.com/ArhYRdlPGIWfdkNewYP5PzY4A2Ec9iGgFePhiXUECyQLgYFV0XulWzctAY1FtFXsxw=w1920-h1001-rw
• Pandora: https://lh3.googleusercontent.com/4LXDMWGOiqA82iYBReN6r2SRuRCLzNggaXa_wqAK2d6YaJLRmQIZY2q549OC1fwO1YZ3=w1920-h1001-rw
• Pandora for Android TV: https://lh3.googleusercontent.com/uWc851alXhmBT7UJXDHqJ__dfoSzlBT0l9F15gxFhFn3iMOOFwYlhf--BFKnRwCLjkA=w720-h310-rw