Generate a minimal moof box

moof boxes are one of the primary components of segmented mp4 files. Expose a function to create a very simple one and add a test for it.

 (function(window, videojs, undefined) {
 (function(window, videojs, undefined) {
 'use strict';
 'use strict';
 
 
-var box, dinf, ftyp, minf, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, stbl,
+var box, dinf, ftyp, minf, moof, moov, mvex, mvhd, trak, tkhd, mdia, mdhd, hdlr, stbl,
     stsd, types, MAJOR_BRAND, MINOR_VERSION, VIDEO_HDLR, VMHD, DREF, STCO, STSC, STSZ, STTS, TREX,
     stsd, types, MAJOR_BRAND, MINOR_VERSION, VIDEO_HDLR, VMHD, DREF, STCO, STSC, STSZ, STTS, TREX,
     Uint8Array, DataView;
     Uint8Array, DataView;
 
 
@@ -21,7 +21,9 @@ DataView = window.DataView;
     hdlr: [],
     hdlr: [],
     mdhd: [],
     mdhd: [],
     mdia: [],
     mdia: [],
+    mfhd: [],
     minf: [],
     minf: [],
+    moof: [],
     moov: [],
     moov: [],
     mvex: [],
     mvex: [],
     mvhd: [],
     mvhd: [],
@@ -31,6 +33,8 @@ DataView = window.DataView;
     stsd: [],
     stsd: [],
     stsz: [],
     stsz: [],
     stts: [],
     stts: [],
+    tfhd: [],
+    traf: [],
     trak: [],
     trak: [],
     trex: [],
     trex: [],
     tkhd: [],
     tkhd: [],
@@ -166,6 +170,26 @@ mdia = function(duration, width, height) {
 minf = function(width, height) {
 minf = function(width, height) {
   return box(types.minf, box(types.vmhd, VMHD), dinf(), stbl(width, height));
   return box(types.minf, box(types.vmhd, VMHD), dinf(), stbl(width, height));
 };
 };
+moof = function(tracks) {
+  var
+    trafCall = [],
+    i = tracks.length;
+  // build tfhd boxes for each track fragment
+  while (i--) {
+    trafCall[i] = box(types.tfhd, new Uint8Array([
+      0x00, // version 0
+      0x00, 0x00, 0x00, // flags
+      (tracks[i].trackId & 0xFF000000) >> 24,
+      (tracks[i].trackId & 0xFF0000) >> 16,
+      (tracks[i].trackId & 0xFF00) >> 8,
+      (tracks[i].trackId & 0xFF),
+    ]));
+  }
+  trafCall.unshift(types.traf);
+  return box(types.moof,
+             box(types.mfhd),
+             box.apply(null, trafCall));
+};
 moov = function(duration, width, height) {
 moov = function(duration, width, height) {
   return box(types.moov, mvhd(duration), trak(duration, width, height), mvex());
   return box(types.moov, mvhd(duration), trak(duration, width, height), mvex());
 };
 };
@@ -314,6 +338,7 @@ trak = function(duration, width, height) {
 
 
 window.videojs.mp4 = {
 window.videojs.mp4 = {
   ftyp: ftyp,
   ftyp: ftyp,
+  moof: moof,
   moov: moov,
   moov: moov,
   initSegment: function() {
   initSegment: function() {
     var
     var

@@ -216,5 +216,25 @@ test('generates an initialization segment', function() {
   equal(init[1].boxes[0].duration, 0xffffffff, 'wrote a maximum duration');
   equal(init[1].boxes[0].duration, 0xffffffff, 'wrote a maximum duration');
 });
 });
 
 
+test('generates a minimal moof', function() {
+  var
+    data = mp4.moof([{
+      trackId: 1
+    }, {
+      trackId: 2
+    }]),
+    moof = videojs.inspectMp4(data);
+
+  equal(moof.length, 1, 'generated one box');
+  equal(moof[0].type, 'moof', 'generated a moof box');
+  equal(moof[0].boxes.length, 2, 'generated two child boxes');
+  equal(moof[0].boxes[0].type, 'mfhd', 'generated an mfhd box');
+  equal(moof[0].boxes[1].type, 'traf', 'generated a traf box');
+  equal(moof[0].boxes[1].boxes.length, 2, 'generated two fragment headers');
+  equal(moof[0].boxes[1].boxes[0].type, 'tfhd', 'generated a tfhd box');
+  equal(moof[0].boxes[1].boxes[0].trackId, 1, 'wrote the first track id');
+  equal(moof[0].boxes[1].boxes[1].trackId, 2, 'wrote the second track id');
+});
+
 
 
 })(window, window.videojs);
 })(window, window.videojs);