support Contact Support | system status System Status
Page Contents

    Display Players

    In this example, you enter your account username, ID and password. On click of the button, an HTML unordered list will display the account players. For each player the player ID, name and creation date will be displayed.

    Overview

    To learn about the general approach concerning the architecture of this sample app, specifically authentication and AJAX implementations, see the examples that use HTTPRequest.

    App architecture

    The high-level application logic for this app is as follows:

    1. Gather user data necessary to access account
    2. On button click, perform AJAX call to retrieve all player info
    3. On AJAX call success perform the following:
      • Inject JSON response data into HTML page
      • Dynamically build HTML that displays player info in an ordered list and inject that into HTML page

    Sample app

    Source code

    Find all the code associated with this sample in this GitHub repository.

    Sample app

    See the Pen Display Players by Brightcove Learning Services (@rcrooks1969) on CodePen.

    Using the CodePen

    Here are some tips to effectively use the above CodePen:

    • Toggle the actual display of the player by clicking the Result button.
    • Click the HTML/CSS/JS buttons to display ONE of the code types.
    • Click Edit on CodePen in the upper right corner to fork this CodePen into your own account.
    • Find all the code associated with this sample in this GitHub repository.

    Proxy code

    In order to build your own version the sample app on this page, you must create and host your own proxy. (The proxies used by Brightcove Learning Services only accept requests from Brightcove domains.) A sample proxy, very similar to the one we use, but without the checks that block requests from non-Brightcove domains, can be found in this GitHub repository. You will also find basic instructions for using it there, and a more elaborate guide to building apps around the proxy in Using the REST APIs.


    Page last updated on 10 Aug 2020