PerformanceTests/Media/HLSGearChange.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <script src="../resources/runner.js"></script>
 <script>
 var video;
 var url;

 window.addEventListener('load', () => {
     PerfTestRunner.prepareToMeasureValuesAsync({
         unit: 'ms',
         done: function () {
             if (video) {
                 video.src = null;
                 video.load();
             }
         }
     });

     runTest();
 });

 function runTest() {
     video =  document.createElement('video');
     document.body.appendChild(video);

     video.src = 'hls/index.m3u8';
     video.addEventListener('canplaythrough', () => {
         video.play();
         var startTime = PerfTestRunner.now();

         video.addEventListener('resize', () => {
             if (!PerfTestRunner.measureValueAsync(PerfTestRunner.now() - startTime))
                 return;

             document.body.removeChild(video);
             PerfTestRunner.gc();
             setTimeout(runTest, 0);
         })
     });
 }

 </script>
 </head>
 <body>
     <button onclick="pauseAll()">pause</button><button onclick="playAll()">play</button><br>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="../resources/runner.js"></script>
	<script>
	var video;
	var url;

	window.addEventListener('load', () => {
	PerfTestRunner.prepareToMeasureValuesAsync({
	unit: 'ms',
	done: function () {
	if (video) {
	video.src = null;
	video.load();
	}
	}
	});

	runTest();
	});

	function runTest() {
	video = document.createElement('video');
	document.body.appendChild(video);

	video.src = 'hls/index.m3u8';
	video.addEventListener('canplaythrough', () => {
	video.play();
	var startTime = PerfTestRunner.now();

	video.addEventListener('resize', () => {
	if (!PerfTestRunner.measureValueAsync(PerfTestRunner.now() - startTime))
	return;

	document.body.removeChild(video);
	PerfTestRunner.gc();
	setTimeout(runTest, 0);
	})
	});
	}

	</script>
	</head>
	<body>
	<button onclick="pauseAll()">pause</button><button onclick="playAll()">play</button><br>
	</body>
	</html>