<!DOCTYPE html>
<html>
<head>
<title>Clear Key Play Two Videos At Same Time</title>
<script src="encrypted-media-utils.js"></script>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
</head>
<body>
<video id="testVideo"></video>
<video id="secondVideo"></video>
<script>
// As this code doesn't wait for the 'message' event to simplify
// the code, specify the key ID and key used by the encrypted
// content.
var keyId = stringToUint8Array('0123456789012345');
var rawKey = new Uint8Array([0xeb, 0xdd, 0x62, 0xf1, 0x68, 0x14, 0xd2, 0x7b,
0x68, 0xef, 0x12, 0x2a, 0xfc, 0xe4, 0xae, 0x3c]);
var content = '../content/test-encrypted.webm';
promise_test(function(test)
{
var promises = [
play_video_as_promise(document.getElementById('testVideo'), content),
play_video_as_promise(document.getElementById('secondVideo'), content)
];
return Promise.all(promises);
}, 'Play two videos at the same time.');
function play_video_as_promise(video, content)
{
return navigator.requestMediaKeySystemAccess('org.w3.clearkey', getConfigurationForFile(content)).then(function(access) {
return access.createMediaKeys();
}).then(function(mediaKeys) {
return video.setMediaKeys(mediaKeys);
}).then(function(result) {
video.src = content;
video.play();
return wait_for_encrypted_message(video);
}).then(function(result) {
return wait_for_timeupdate_message(video);
});
};
function wait_for_encrypted_message(video)
{
var encryptedEventCount = 0;
return new Promise(function(resolve) {
video.addEventListener('encrypted', function listener(e) {
// The same decryption key is used by both the audio
// and the video streams so only create a session once.
// Create the session on the second event. This also
// ensures we see both events.
if (++encryptedEventCount != 2)
return;
video.removeEventListener('encrypted', listener);
var mediaKeySession = video.mediaKeys.createSession();
mediaKeySession.generateRequest(e.initDataType, e.initData).then(function(result) {
// Don't bother waiting for the 'message' event.
// Just call update() since we know the keyId
// needed.
var jwkSet = stringToUint8Array(createJWKSet(createJWK(keyId, rawKey)));
return mediaKeySession.update(jwkSet);
}).then(function(result) {
resolve(result);
});
});
});
};
function wait_for_timeupdate_message(video)
{
return new Promise(function(resolve) {
video.addEventListener('timeupdate', function listener(e) {
if (e.target.currentTime < 0.2)
return;
video.removeEventListener('timeupdate', listener);
resolve(e);
});
});
};
</script>
</body>
</html>
Codebase Browser
chromium