Add extra test videos

Author: sbalko

src/index.html

@@ -27,11 +27,13 @@ <h3>Decoder settings</h3>
                 <div class="mb-3">
                     <label for="input-file" class="form-label">Input file:</label>
                     <select id="input-file" class="form-select">
-                        <option value="sample_480p_30fps.mp4">sample_480p_30fps.mp4</option>
-                        <option value="sample_720p_30fps.mp4">sample_720p_30fps.mp4</option>
-                        <option selected value="sample_1080p_30fps.mp4">sample_1080p_30fps.mp4</option>
-                        <option value="sample_1440p_30fps.mp4">sample_1440p_30fps.mp4</option>
-                        <option value="sample_4K_30fps.mp4">sample_4K_30fps.mp4</option>
+                        <option value="sample_480p_30fps.mp4">Big Buck Bunny (480p, AVC high, 30 fps)</option>
+                        <option value="sample_720p_30fps.mp4">Big Buck Bunny (720p, AVC high, 30 fps)</option>
+                        <option selected value="sample_1080p_30fps.mp4">Big Buck Bunny (1080p, AVC high, 30 fps)</option>
+                        <option value="sample_1440p_30fps.mp4">Big Buck Bunny (1440p, AVC high, 30 fps)</option>
+                        <option value="sample_4K_30fps.mp4">Big Buck Bunny (2160p, AVC high, 30 fps)</option>
+                        <option value="maya_pyramid_1080p.mp4">Maya Pyramid (1080p, AVC constrained baseline, 30 fps)</option>
+                        <option value="maya_pyramid_4K.mp4">Maya Pyramid (2160p, AVC high, 30 fps)</option>
                     </select>
                 </div>
 

src/index.ts

@@ -7,20 +7,28 @@ import { EncoderResolution, H264Profile, UncloggingMethod } from './encoder/inte
 import { loadInputFile } from './shared/input-files';
 
 const DEFAULT_FRAMERATE = 30;
-const TOTAL_TIME_MICROS = 596380000; 
+
+const TOTAL_TIME_MICROS_SAMPLE_FILES = 596380000; 
+const TOTAL_TIME_MICROS_MAYA_FILES = 187266667;
 
 const encoderProgressControl = $('#encoder-progress');
 const exportTimeText = $('#export-time');
 const outputSizeText = $('#output-size');
 const decodedFramesText = $('#decoded-frames');
 const encodedPacketsText = $('#encoded-packets');
 
-function setExportProgress(timestampMicros: number, durationSeconds: number, outputSizeBytes: number, decodedFrames: number, encodedPackets: number): void {
-    encoderProgressControl.css('width', `${Math.round(timestampMicros / TOTAL_TIME_MICROS * 100)}%`);
-    exportTimeText.text(`${durationSeconds.toFixed(3)}`);
-    outputSizeText.text(`${outputSizeBytes}`);
-    decodedFramesText.text(`${decodedFrames}`);
-    encodedPacketsText.text(`${encodedPackets}`);
+type ExportProgressFunction = (timestampMicros: number, durationSeconds: number, outputSizeBytes: number, decodedFrames: number, encodedPackets: number) => void;
+
+function getExportProgressFunction(inputFileName: string): ExportProgressFunction {
+    const totalTimeMicros = inputFileName.startsWith('sample') ? TOTAL_TIME_MICROS_SAMPLE_FILES : TOTAL_TIME_MICROS_MAYA_FILES;
+
+    return (timestampMicros: number, durationSeconds: number, outputSizeBytes: number, decodedFrames: number, encodedPackets: number) => {
+        encoderProgressControl.css('width', `${Math.round(timestampMicros / totalTimeMicros * 100)}%`);
+        exportTimeText.text(`${durationSeconds.toFixed(3)}`);
+        outputSizeText.text(`${outputSizeBytes}`);
+        decodedFramesText.text(`${decodedFrames}`);
+        encodedPacketsText.text(`${encodedPackets}`);
+    };
 }
 
 const loadingProgressControl = $('#loading-progress');
@@ -44,8 +52,6 @@ $('button#run-benchmark').click(async () => {
     $('select').attr('disabled', 'disabled');
     $('input').attr('disabled', 'disabled');
 
-    setExportProgress(0, 0, 0, 0, 0);
-    setLoadingProgress(0, 0);
 
     const inputFileName = $('select#input-file').val() as string;
     const decoderAcceleration = $('select#decoder-acceleration').val() as HardwareAcceleration;
@@ -63,6 +69,10 @@ $('button#run-benchmark').click(async () => {
 
     const showEncodingProgress = $('input#progress-update:checked').val() === 'on';
 
+    const setExportProgress = getExportProgressFunction(inputFileName);
+    
+    setExportProgress(0, 0, 0, 0, 0);
+    setLoadingProgress(0, 0);
 
     const inputFile = await loadInputFile(inputFileName, setLoadingProgress);