{section: Streaming}
+{subsection: Creating the video files}
+
_{link: http://diveintohtml5.info/video.html#what-works Dive Into HTML5}_ has a good overview of what you need to do. The situation is even better if you're willing to require a "recent" web browser (2011+), in which case you can ignore Flash and Theora+Vorbis+Ogg and exclusively rely on H.264(baseline)+AAC(low complexity)+MP4 and WebM.
_Dive Into HTML5's_ recommendations for creating the files should work, but are probably overkill. If you've got a good ffmpeg install (Try /u/a/d/adesmet/bin/opt/ffmpeg/bin/ffmpeg ) it can do the job. {link: https://superuser.com/questions/424015/what-bunch-of-ffmpeg-scripts-do-i-need-to-get-html5-compatible-video-for-everyb The full details are a bit long}, but here is a summary:
@@ -47,7 +49,7 @@
By default ffmpeg seems to use a number of threads equal to the number of cores you have minus 1. You can speed things up by specifying your actual number of cores. For example "-threads 2" forces 2 threads.
-{section: Extracting a poster}
+{subsection: Extracting a poster}
Ideally you want a poster image for the browser to display before the video is loaded. Here is a quick and dirty way to exact the first frame. Instead of "0" for "-ss", you can specify a number of seconds into the video to sample. You can also specify HH:MM:SS.mm.
@@ -55,6 +57,34 @@
ffmpeg -i input.mp4 -ss 0 -vframes 1 input.jpg
{endcode}
+{section: Creating the HTML}
+
+Here is a very simple example of what the HTML might look like:
+
+{code}
+<html>
+<head>
+<title>Tutorial: An Introduction to Using HTCondor</title>
+</head>
+<body>
+
+<h1>Tutorial: An Introduction to Using HTCondor</h1>
+
+<p>Presented by Karen Miller, summer of 2014.
+<a href="http://research.cs.wisc.edu/htcondor/HTCondorWeek2014/presentations/MillerK_IntroTutorial.pdf">Download slides.</a>
+<a href="download/Intro_To_Using_HTCondor.mp4">Download video as MP4.</a>
+<a href="download/Intro_To_Using_HTCondor.webm">Download video as WebM.</a>
+
+<p><video width="640" height="360" controls poster="Intro_To_Using_HTCondor.jpg">
+ <source src="Intro_To_Using_HTCondor.mp4 type="video/mp4; codecs=avc1.42E01E,mp4a.40.2">
+ <source src="Intro_To_Using_HTCondor.webm" type="video/webm; codecs=vp8,vorbis">
+Sorry, your web browser does not appear to support HTML5 video.
+</video>
+
+</body>
+</html>
+{endcode}
+
{section: Editing with ffmpeg}
This is probably unnecessary if you have a full blown video editor, but occasionally quick command line tools are useful.
