Skip to main content

End of play

What you learn​

You're instantiating DIVA Player in your app and relying on DIVA Back Office as the video streaming source.

The goal of this article is to build the simplest front-end to stream a video from the DIVA Back Office with, at the end, some additional content.

end-of-play

Before starting​

  • Ensure the DIVA Back Office instance you rely on is up and running.

  • Ask your video engineers team <videoId>, <settingsURL>, <languageCountryCode>, <userToken> and <sharedKey>.

  • Your End-of-Play experience the Diva player will handle:

    • Squeeze back (coming soon)
    • Chain play / Up Next (coming soon)
    • Related videos (coming soon)
    • Highlights
    • Video lists
    note

    In portrait mode the end of play contents will be shown below the video player. Tabs will be displayed in the bottom of the screen.

Instantiation​

Write the Basic instantiation code. There's no additional code to write, unless you need to overwrite the autoplay behavior that the VideoMetadata contains.

End of play configuration​

End of play screen content:

  • Background image - loaded from image property.
  • Title string - loaded from title property.
  • Replay button - Text read from Dictionary key [diva_eop_replay] ([diva_eop_rewind] for tvOS).

End of play screen is display:

  • 5 seconds before video to finish

Dictionary​

Ensure the dictionary file contains the relevant keys.

Analytics events​

Find here the available analytics events for the End of Play.