Add working instructions on generating an MSE segment

Suggest ffmpeg + bento4. ffmpeg by itself produces an invalid esds and I couldn't find the correct set of flags to get mp4box to fragment an mp4 in an MSE-compatible way.

@@ -772,6 +772,9 @@ videojs.textifyMp4 = function(inspectedMp4, depth) {
               .map(function(byte) {
               .map(function(byte) {
                 return ' ' + ('00' + byte.toString(16)).slice(-2);
                 return ' ' + ('00' + byte.toString(16)).slice(-2);
               }).join('').match(/.{1,24}/g);
               }).join('').match(/.{1,24}/g);
+          if (!bytes) {
+            return prefix + '<>';
+          }
           if (bytes.length === 1) {
           if (bytes.length === 1) {
             return prefix + '<' + bytes.join('').slice(1) + '>';
             return prefix + '<' + bytes.join('').slice(1) + '>';
           }
           }

@@ -33,12 +33,17 @@
         <header>
         <header>
           <p>
           <p>
             This page can help you inspect the results of the
             This page can help you inspect the results of the
-            transmuxing to mp4 files performed by videojs-contrib-hls.
-          </p>
-          <p>
-            Looking for the FLV tool? Check out
-            the <a href="index.html">FLV utility</a>.
-          </p>
+            transmuxing to mp4 files performed by
+            videojs-contrib-hls. It's still a bit tricky to create a
+            MSE-compatible fragmented MP4. We've had luck
+            with <a href="http://www.bento4.com/developers/dash/">Bento4</a>
+            and ffmpeg. If you have both of those utilities installed,
+            you can create a working MP4 like this:
+            <pre>
+ffmpeg -i movie.ts -vn -codec copy -absf aac_adtstoasc movie-audio.mp4
+mp4fragment --track audio --fragment-duration 11000 movie-audio.mp4 movie-audio.m4s
+            </pre>
+          <small>Looking for the <a href="index.html">FLV tool</a>?</small>
         </header>
         </header>
         <section>
         <section>
           <h2>Inputs</h2>
           <h2>Inputs</h2>
@@ -245,7 +250,7 @@
         vjsOutput.innerHTML = hex;
         vjsOutput.innerHTML = hex;
 
 
         // XXX Media Sources Testing
         // XXX Media Sources Testing
-        window.vjsSourceBuffer.appendBuffer(bytes);
+        //window.vjsSourceBuffer.appendBuffer(bytes);
       });
       });
       reader.readAsArrayBuffer(this.files[0]);
       reader.readAsArrayBuffer(this.files[0]);
     }, false);
     }, false);
@@ -272,7 +277,7 @@
         workingOutput.innerHTML = hex;
         workingOutput.innerHTML = hex;
 
 
         // XXX Media Sources Testing
         // XXX Media Sources Testing
-        // window.vjsSourceBuffer.appendBuffer(bytes);
+        window.vjsSourceBuffer.appendBuffer(bytes);
       });
       });
       reader.readAsArrayBuffer(this.files[0]);
       reader.readAsArrayBuffer(this.files[0]);
     }, false);
     }, false);