57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>WPE external holepunch test</title>
|
||
|
|
<style>
|
||
|
|
video {
|
||
|
|
width: 400px;
|
||
|
|
height: 400px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<p>
|
||
|
|
<strong>WPE external holepunch test</strong>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
This test checks whether the external holepunch feature is working on WPE.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
There is a video player of 400x400 below this text. It will play a valid video for 5 seconds, then a holepunch one
|
||
|
|
for another 5 seconds and then the first one again.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
If everything is working fine, there should be the valid video for 5 seconds, then a transparent rectangle of 400x400
|
||
|
|
for 5 seconds, and then again the valid video.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
If GStreamer holepunch is enabled when running this test, the first and third video will show a transparent
|
||
|
|
rectangle instead of the video content.
|
||
|
|
</p>
|
||
|
|
<video id="video">
|
||
|
|
<source id="source" src="../../LayoutTests/media/content/long-test.mp4" type="video/mp4">
|
||
|
|
</video>
|
||
|
|
<div id="log"></div>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var v = document.getElementById("video");
|
||
|
|
var s = document.getElementById("source");
|
||
|
|
var l = document.getElementById("log");
|
||
|
|
log.innerHTML = "Playing first video. The video (or a transparent rectangle if GStreamer holepunch is enabled) should be visible";
|
||
|
|
v.play();
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
s.type = "video/holepunch";
|
||
|
|
v.load();
|
||
|
|
v.play();
|
||
|
|
log.innerHTML = "Playing second video. A transparent rectangle should be visible";
|
||
|
|
}, 5000);
|
||
|
|
|
||
|
|
setTimeout(function() {
|
||
|
|
s.type = "video/mp4";
|
||
|
|
v.load();
|
||
|
|
v.play();
|
||
|
|
log.innerHTML = "Playing third video. The video (or a transparent rectangle if GStreamer holepunch is enabled) should be visible";
|
||
|
|
}, 10000);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|