2009-02-10 17:23:19 -08:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Media test: play() method</title>
|
2009-05-06 13:46:04 -07:00
|
|
|
<script type="text/javascript" src="/MochiKit/packed.js"></script>
|
2009-02-10 17:23:19 -08:00
|
|
|
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<pre id="test">
|
2009-02-15 08:26:32 -08:00
|
|
|
<video id="v" onerror="event.stopPropagation();"></video>
|
2009-02-10 17:23:19 -08:00
|
|
|
<script>
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
|
|
|
var v = document.getElementById("v");
|
|
|
|
|
2009-02-17 20:16:18 -08:00
|
|
|
var tokens = {
|
|
|
|
0: ["play"],
|
|
|
|
"play": ["canplay"],
|
|
|
|
"canplay": ["playing"],
|
|
|
|
"playing": ["canplay", "canplaythrough"],
|
|
|
|
"canplaythrough": ["canplay", "canplaythrough"]
|
|
|
|
};
|
|
|
|
|
|
|
|
var state = 0;
|
|
|
|
|
2009-02-10 17:23:19 -08:00
|
|
|
function gotPlayEvent(event) {
|
2009-02-17 20:16:18 -08:00
|
|
|
ok(tokens[state].indexOf(event.type) >= 0, "Check expected event got " + event.type + " at " + state);
|
|
|
|
state = event.type;
|
2009-02-10 17:23:19 -08:00
|
|
|
}
|
|
|
|
|
2009-02-17 20:16:18 -08:00
|
|
|
["play", "canplay", "playing", "canplaythrough"].forEach(function (e) {
|
|
|
|
v.addEventListener(e, gotPlayEvent, false);
|
|
|
|
});
|
|
|
|
|
2009-02-10 17:23:19 -08:00
|
|
|
function ended() {
|
2009-02-17 20:16:18 -08:00
|
|
|
is(state, "canplaythrough", "Last event should be canplaythrough");
|
2009-02-10 17:23:19 -08:00
|
|
|
SimpleTest.finish();
|
|
|
|
}
|
|
|
|
v.addEventListener("ended", ended, false);
|
|
|
|
|
|
|
|
v.src = "320x240.ogv";
|
|
|
|
v.load();
|
|
|
|
v.play();
|
|
|
|
</script>
|
|
|
|
</pre>
|
|
|
|
</body>
|
|
|
|
</html>
|