How to configure Wowza Ultra Low Latency Test Player to play ultra low latency streams

Learn how to use the Wowza Ultra Low Latency Test Player Builder to preview your Wowza Streaming Cloud ultra low latency stream and to get the embed code you need so that viewers can watch the stream from your webpage.

Notes:
  • The Wowza ultra low latency REST API and Wowza Ultra Low Latency Test Player are in private preview release. Participation is by invitation only and is subject to the terms of the Wowza Preview End User License Agreement.
  • The Wowza Ultra Low Latency Test Player can only be used with the latest version of Google Chrome. Other browsers may not work.
  • For more information about configuring Wowza Streaming Cloud ultra low latency streaming, see Wowza Streaming Cloud ultra low latency REST API quick start guide.

Contents


Video tutorial: Play an ultra low latency stream with Wowza Ultra Low Latency Test Player Builder
Configure playback with Wowza Ultra Low Latency Test Player Builder
Example HTML webpage with Wowza Ultra Low Latency Test Player embed code
More resources

Video tutorial: Play an ultra low latency stream with Wowza Ultra Low Latency Test Player Builder


Tip: See our Wowza ultra low latency playlist on YouTube for more video tutorials about using the Wowza ultra low latency REST API.

Configure playback with Wowza Ultra Low Latency Test Player Builder


  1. Go to the Wowza Ultra Low Latency Test Player Builder.
  2. When prompted, enter the Player license key from your preview welcome email and then click Apply.
  3. In the Source Stream Information area, for Stream source, enter the playback URL for your low-latency stream target. For example, 

    ws://edge-preview.cdn.wowza.com/live/_definst_/0P1q1UHJEN1RzbXdRVGszMHoxWm15f33/stream.ws

    Note: If Wowza Ultra Low Latency Test Player Builder is loaded over HTTPS, you must provide a secure playback URL. For example, wss://edge-preview.cdn.wowza.com/live/_definst_/0P1q1UHJEN1RzbXdRVGszMHoxWm15f33/stream.ws
  4. If desired, enter a Backup source (HLS) playback URL to be used by iOS devices or in the event that WebSocket connection attempts fail.
  5. Enter a Title and Description that will appear on the player, and adjust the player Size options if desired.
  6. Click Player Options, and then select or edit any of the Playback Options and add a video poster image if desired.
  7. If desired, click Advanced and enter custom property settings.
  8. Click Update Preview and then click the Play button in the player preview to test your settings.

When you're satisfied with your player settings, get HTML embed code and prepare your webpage to include it.

  1. Click Get Embed Code.
  2. Copy the JavaScript from the first field, JS Includes, and paste it into the HEAD section of your webpage.
  3. Copy the HTML DIV element from the second field, Create an HTML element to contain your video, and paste it at the top of the BODY section of your webpage.
  4. Copy the code from the third field, Embed the Wowza Player, into the BODY section of your webpage after the HTML player element DIV element.

 

Example HTML webpage with Wowza Ultra Low Latency Test Player embed code


When you're done, a basic HTML webpage will look something like this (the example includes a page title):

<HTML>

<HEAD>

   <title>My Wowza Player Preview Ultra Low Latency Stream Page</title>
   <script type="text/javascript" src="//player.wowza.com/player/preview/latest/wowzaplayer.min.js"></script>

</HEAD>

<BODY>

<div id="playerElement" style="width:100%; height:100%; padding:0 0 56.25% 0"></div>

<script type="text/javascript">
WowzaPlayer.create("playerElement",
    {
    "license":"[Your-30-character-player-license]",
    "sourceURL":"[Your WebSocket playback URL]",
    "title":"[The title you specified to appear on the player]",
    "description":"[The description you specified to appear on the player]",
    "autoPlay":false,
    "mute":false,
    "volume":75
    }
);
</script>

<BODY>

</HTML>

More resources