src/cobalt/media/test/data/player.html

<html>
<body onload="RunTest();">
<div id="player_container"></div>
</body>

<script type="text/javascript">
// <audio> or <video> player element.
var player;

// Listen for |event| from |element|, set document.title = |event| upon event.
function InstallTitleEventHandler(element, event) {
  element.addEventListener(event, function(e) {
    document.title = event.toUpperCase();
  }, false);
}

function Failed() {
  document.title = 'FAILED';
  return false;
}

function SeekTestStep(e) {
  player.removeEventListener('ended', SeekTestStep, false);

  // Test completes on the next ended event.
  InstallTitleEventHandler(player, 'ended');

  player.currentTime = 0.9 * player.duration;
  player.play();
}

function SeekTestTimeoutSetup() {
  if (player.currentTime < 2)
    return;

  player.removeEventListener('timeupdate', SeekTestTimeoutSetup, false);
  SeekTestStep();
}

// Uses URL query parameters to create an audio or video element using a given
// source.  URL must be of the form:
// "player.html?[tag]=[media_url][&loop=[true/false]]".
//
// Plays the media and waits for X seconds of playback or the ended event, at
// which point the test seeks near the end of the file and resumes playback.
// Test completes when the second ended event occurs or an error event occurs at
// any time.
// There is an optional loop query parameter which when set to true, will cause
// the created media element to loop.
function RunTest() {
  var url_parts = window.location.href.split('?');
  if (url_parts.length != 2)
    return Failed();

  var tag = '';
  var media_url = '';
  var loop = false;

  var query_params = url_parts[1].split('&');
  for (var query_param in query_params) {
    var query_parts = query_params[query_param].split('=');
    if (query_parts.length != 2) {
      return Failed();
    }

    if (query_parts[0] == 'audio' || query_parts[0] == 'video') {
      tag = query_parts[0];
      media_url = query_parts[1];
      continue;
    }

    if (query_parts[0] == 'loop') {
      loop = (query_parts[1] == 'true');
      continue;
    }
  }

  if (tag != 'audio' && tag != 'video') {
    return Failed();
  }

  // Create player and insert into DOM.
  player = document.createElement(tag);
  player.controls = true;
  document.getElementById('player_container').appendChild(player);

  player.addEventListener('loadedmetadata', function(e) {
    document.title = '' + player.videoWidth + ' ' + player.videoHeight;
  });

  // Transition to the seek test after X seconds of playback or when the ended
  // event occurs, whichever happens first.
  player.addEventListener('ended', SeekTestStep, false);
  player.addEventListener('timeupdate', SeekTestTimeoutSetup, false);

  // Ensure we percolate up any error events.
  InstallTitleEventHandler(player, 'error');

  // Starts the player.
  player.loop = loop;
  player.src = media_url;
  player.play();
}
</script>
</html>