Mopidy Output

```
<!DOCTYPE html>
<html>

<head>
<script type="text/javascript" src="http://localhost:6680/mopidy/mopidy.js"></script>
<script type="text/javascript">

	// This function will be called when a track playback is started
	function updateText(data){

		// Show what contains the data on the console
		console.log(data)

		// Get the track from the data
		var track = data.tl_track.track;

		// Get the track name and album name
		var trackName = track.name;
		var albumName = track.album.name;

		// A song can have more than one artist so we will iterate all the artists
		var artists = "";
		for (var i=0; i<track.artists.length; i++){
			// Add the current artist name to artists
			artists += track.artists[i].name;
		}

		// Get the HTML elements and update their content
		document.getElementById("track_name").innerHTML = trackName;
		document.getElementById("album_name").innerHTML = albumName;
		document.getElementById("artist_name").innerHTML = artists;
	}

	function updateTitle(data){
		document.getElementById("track_name").innerHTML = data.title;
	}

	// Init the object
	var mopidy = new Mopidy({webSocketUrl: "ws://localhost:6680/mopidy/ws/"});

	// We set that when the event:trackPlaybackStarted is fired updateText mehtod will be executed
	mopidy.on("event:trackPlaybackStarted", updateText);
	mopidy.on("event:streamTitleChanged", updateTitle);

</script>
</head>
<body>

<!-- Containers to show the data -->
<span id="track_name"></span><br>
<span id="album_name"></span><br>
<span id="artist_name"></span>

</body>
</html>
```