Boilerplate for the mp4 transmuxer

Add stubs for the transmuxer and a new set of qunit tests. Update the muxer mp4 test page to invoke the stubbed object.

+/**
+ * A stream-based mp2t to mp4 converter. This utility is used to
+ * deliver mp4s to a SourceBuffer on platforms that support native
+ * Media Source Extensions. The equivalent process for Flash-based
+ * platforms can be found in segment-parser.js
+ */
+(function(window, videojs, undefined) {
+'use strict';
+
+var Transmuxer = function() {
+  Transmuxer.prototype.init.call(this);
+  this.push = function() {
+    this.mp4 = new Uint8Array();
+  };
+};
+Transmuxer.prototype = new videojs.Hls.Stream();
+
+window.videojs.Hls.Transmuxer = Transmuxer;
+})(window, window.videojs);

@@ -89,6 +89,7 @@ module.exports = function(config) {
       '../src/playlist.js',
       '../src/playlist.js',
       '../src/playlist-loader.js',
       '../src/playlist-loader.js',
       '../src/decrypter.js',
       '../src/decrypter.js',
+      '../src/transmuxer.js',
       '../tmp/manifests.js',
       '../tmp/manifests.js',
       '../tmp/expected.js',
       '../tmp/expected.js',
       'tsSegment-bc.js',
       'tsSegment-bc.js',

@@ -54,6 +54,7 @@ module.exports = function(config) {
       '../src/playlist.js',
       '../src/playlist.js',
       '../src/playlist-loader.js',
       '../src/playlist-loader.js',
       '../src/decrypter.js',
       '../src/decrypter.js',
+      '../src/transmuxer.js',
       '../tmp/manifests.js',
       '../tmp/manifests.js',
       '../tmp/expected.js',
       '../tmp/expected.js',
       'tsSegment-bc.js',
       'tsSegment-bc.js',

@@ -58,8 +58,8 @@
           <h2>Comparison</h2>
           <h2>Comparison</h2>
           <div class="result-wrapper">
           <div class="result-wrapper">
             <h3>videojs-contrib-hls</h3>
             <h3>videojs-contrib-hls</h3>
-            <ol class="vjs-boxes">
-            </ol>
+            <pre class="vjs-boxes">
+            </pre>
           </div>
           </div>
           <div class="result-wrapper">
           <div class="result-wrapper">
             <h3>Working</h3>
             <h3>Working</h3>
@@ -104,6 +104,8 @@
       Hls: {}
       Hls: {}
     };
     };
   </script>
   </script>
+  <script src="../../src/stream.js"></script>
+  <script src="../../src/transmuxer.js"></script>
   <script src="js/mp4-inspector.js"></script>
   <script src="js/mp4-inspector.js"></script>
 
 
   <script src="../../src/bin-utils.js"></script>
   <script src="../../src/bin-utils.js"></script>
@@ -129,14 +131,20 @@
     original.addEventListener('change', function() {
     original.addEventListener('change', function() {
       var reader = new FileReader();
       var reader = new FileReader();
       reader.addEventListener('loadend', function() {
       reader.addEventListener('loadend', function() {
+        var segment = new Uint8Array(reader.result),
+            transmuxer = new videojs.Hls.Transmuxer(),
+            hex = '';
 
 
-        var mp2t = new Uint8Array(reader.result);
+        transmuxer.push(segment);
 
 
         // clear old boxes info
         // clear old boxes info
-        vjsBoxes.innerHTML = '';
+        vjsBoxes.innerHTML = JSON.stringify(videojs.inspectMp4(transmuxer.mp4), null, ' ');
 
 
         // write out the result
         // write out the result
-        // vjsOutput.innerHTML = hex;
+        hex += '<pre>';
+        hex += videojs.Hls.utils.hexDump(transmuxer.mp4);
+        hex += '</pre>';
+        vjsOutput.innerHTML = hex;
       });
       });
       reader.readAsArrayBuffer(this.files[0]);
       reader.readAsArrayBuffer(this.files[0]);
     }, false);
     }, false);
@@ -144,13 +152,14 @@
     working.addEventListener('change', function() {
     working.addEventListener('change', function() {
       var reader = new FileReader();
       var reader = new FileReader();
       reader.addEventListener('loadend', function() {
       reader.addEventListener('loadend', function() {
-        var hex = '<pre>',
+        var hex = '',
             bytes = new Uint8Array(reader.result);
             bytes = new Uint8Array(reader.result);
 
 
         // clear old box info
         // clear old box info
         workingBoxes.innerHTML = JSON.stringify(videojs.inspectMp4(bytes), null, ' ');
         workingBoxes.innerHTML = JSON.stringify(videojs.inspectMp4(bytes), null, ' ');
 
 
         // output the hex dump
         // output the hex dump
+        hex += '<pre>';
         hex += videojs.Hls.utils.hexDump(bytes);
         hex += videojs.Hls.utils.hexDump(bytes);
         hex += '</pre>';
         hex += '</pre>';
         workingOutput.innerHTML = hex;
         workingOutput.innerHTML = hex;

+(function(window, videojs) {
+'use strict';
+/*
+  ======== A Handy Little QUnit Reference ========
+  http://api.qunitjs.com/
+
+  Test methods:
+  module(name, {[setup][ ,teardown]})
+  test(name, callback)
+  expect(numberOfAssertions)
+  stop(increment)
+  start(decrement)
+  Test assertions:
+  ok(value, [message])
+  equal(actual, expected, [message])
+  notEqual(actual, expected, [message])
+  deepEqual(actual, expected, [message])
+  notDeepEqual(actual, expected, [message])
+  strictEqual(actual, expected, [message])
+  notStrictEqual(actual, expected, [message])
+  throws(block, [expected], [message])
+*/
+var
+  Transmuxer = videojs.Hls.Transmuxer,
+  transmuxer;
+
+module('MP4 Transmuxer', {
+  setup: function() {
+    transmuxer = new Transmuxer();
+  }
+});
+
+test('can mux an empty mp2t', function() {
+  transmuxer.push(new Uint8Array());
+
+  ok(transmuxer.mp4, 'produced a non-null result');
+  strictEqual(transmuxer.mp4.byteLength, 0, 'produced an empty mp4');
+});
+
+})(window, window.videojs);

@@ -43,6 +43,7 @@
   <script src="../src/bin-utils.js"></script>
   <script src="../src/bin-utils.js"></script>
 
 
   <!-- mp4 utilities -->
   <!-- mp4 utilities -->
+  <script src="../src/transmuxer.js"></script>
   <script src="muxer/js/mp4-inspector.js"></script>
   <script src="muxer/js/mp4-inspector.js"></script>
 
 
   <!-- Test cases -->
   <!-- Test cases -->
@@ -63,6 +64,7 @@
   <script src="playlist_test.js"></script>
   <script src="playlist_test.js"></script>
   <script src="playlist-loader_test.js"></script>
   <script src="playlist-loader_test.js"></script>
   <script src="decrypter_test.js"></script>
   <script src="decrypter_test.js"></script>
+  <script src="transmuxer_test.js"></script>
   <script src="mp4-inspector_test.js"></script>
   <script src="mp4-inspector_test.js"></script>
 </head>
 </head>
 <body>
 <body>