Mux

The Mux Developer Hub

Welcome to the Mux developer hub. You'll find comprehensive guides and documentation to help you start working with Mux as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started

Integration Guide: LG Smart TVs

Monitor your video streaming performance with just a few lines of code.

Mux Data is the best way to monitor video streaming performance.

Integration is easy - just initialize the Mux SDK, pass in some metadata, and you're up and running in minutes.

1. Getting Started

This documents integration instructions for LG Smart TVs. For other players, see the additional Integration Guides.

1. Integration Overview

LG Smart TV applications are built on top of the HTML5 video technology. To support video streaming, these applications can be integrated with player SDKs such as the HLS.js and Dash.js.

Due to the HTML5 nature of LG Smart TV applications, the integration is simple, using our HTML5 integration here: Integration Guide: Web. When setting up your application, you should check the engine that is used, and depending on that, utilize the appropriate integration point within mux-embed.

You can see a sample integration application here: https://github.com/muxinc/webos-mux.

play: function() {
  var data = {
    env_key: 'EXAMPLE_ENV_KEY', // required
    
        player_name: 'My Custom Player',
    player_init_time: Date.now(),
    
    // ... additional metadata
  };
  switch (this.playerEngine) {
    case this.PLAYENGINE_HLSJS:
      if (Hls.isSupported()) {
        var hls = new Hls();
          hls.loadSource('<your source file>');
        hls.attachMedia(this.player);
        hls.on(Hls.Events.MANIFEST_PARSED,function(e,d) {
          app.player.play();
        });
        mux.monitor('#thePlayer', {
          debug: true,
          hlsjs: hls,
          data: data
        });
            this.hls = hls;
        }
        break;
    case this.PLAYENGINE_DASHJS:
        {
        var dashjsPlayer = dashjs.MediaPlayer().create();
        dashjsPlayer.getDebug().setLogToBrowserConsole(false);
        mux.monitor('#thePlayer', {
          debug: true,
          dashjs: dashjsPlayer,
          data: data
        });
            dashjsPlayer.initialize(this.player, 'http://dash.edgesuite.net/envivio/EnvivioDash3/manifest.mpd', true);
            this.dashjsPlayer = dashjsPlayer;
        }
        break;
  }
}

2. Test it

After you've finished integration, the quickest way to see that the SDK is loaded is to pass debug: true in the options passed to the SDK. With this flag enabled, you can open the debug console, and you should start seeing debug statements from [mux] when you click play on the video.

After playing a video, a few minutes after you stop watching, you'll see the results in your Mux account. We'll also email you when your first video view has been recorded. Log in to the dashboard and find the environment that corresponds to your env_key and look for video views.

Note that it may take a few minutes for views to show up in the Mux Data dashboard.

3. Add Metadata

Detailed Documentation

Options are provided via the data object passed in the call to monitorTizenPlayer.

All metadata details except for env_key are optional, however you'll be able to compare and see more interesting results as you include more details. This gives you more metrics and metadata about video streaming, and allows you to search and filter on important fields like the player version, CDN, and video title.

For more information, see the Metadata guide.

Updated about a year ago

Integration Guide: LG Smart TVs


Monitor your video streaming performance with just a few lines of code.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.