Docs: mp4 thumbnail generation

Author: simzer

.gitignore

@@ -18,3 +18,4 @@ node_modules
 coverage
 package-lock.json
 Makefile
+/index.html

docs/generator/examples.js

@@ -44,6 +44,7 @@ class Examples
 					<div class="example" id="example-${id}" tabindex="0">
 						<video class="thumbnail" id="thumbnail-${id}" width="320" height="180" nocontrols autoplay muted loop>
 							<source src="${example.urlBase}.webm" type="video/webm">
+							<source src="${example.urlBase}.mp4" type="video/mp4">
 							Your browser does not support the video tag.
 						</video>
 					</div>
@@ -90,7 +91,8 @@ class Examples
 			}
 			else
 			{
-				fs.copyFileSync(example.webmFilename, thumbnail);
+				fs.copyFileSync(example.webmFilename, example.targetBasename+'.webm');
+				fs.copyFileSync(example.mp4Filename, example.targetBasename+'.mp4');
 			}
 		}
 	}
@@ -116,10 +118,13 @@ class Examples
 					'modules/videorecorder/resized/web_content_templates_')
 				.replace('.mjs', '.webm');
 
+				let mp4Filename = webmFilename.replace('.webm', '.mp4');
+
 				return { 
 					jsFilename, 
 					pngFilename,
 					webmFilename,
+					mp4Filename,
 					outputFolder,
 					extension
 				};

test/integration/modules/videorecorder/.gitignore

@@ -1 +1,2 @@
-*.webm
+*.webm
+*.mp4

test/integration/modules/videorecorder/resize.js

@@ -26,7 +26,11 @@ try {
         files.forEach(file => {
             if (!fs.lstatSync(__dirname + '/' + file).isDirectory()) {
                 if (path.extname(file) == '.webm') {
-                    child_process.execSync('ffmpeg -i ' + file + ' -vf scale=' + argv.size.toString() + ':-1 ' + __dirname + '/resized/' + file)
+                    child_process.execSync('ffmpeg -i ' + file + ' -vf scale=' 
+                        + argv.size.toString() + ':-1 ' + __dirname + '/resized/' + file);
+                    mp4file = file.replace('.webm', '.mp4');
+                    child_process.execSync('ffmpeg -i ' + file + ' -vf scale=' 
+                        + argv.size.toString() + ':-1 ' + __dirname + '/resized/' + mp4file);
                 }
             }
         });

test/integration/test_cases/web_content/templates/total_time_area_bar.mjs

@@ -79,11 +79,7 @@ const testSteps = [
                 label: { attach: ['Value 2 (+)'] }
             }
         }
-    }),
-    chart => {
-        chart.feature('tooltip', true);
-        return chart;
-    }
+    })
 ];
 
 export default testSteps;