83153981 by David LaPalomento

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.
1 parent c91abcf6
......@@ -772,6 +772,9 @@ videojs.textifyMp4 = function(inspectedMp4, depth) {
.map(function(byte) {
return ' ' + ('00' + byte.toString(16)).slice(-2);
}).join('').match(/.{1,24}/g);
if (!bytes) {
return prefix + '<>';
}
if (bytes.length === 1) {
return prefix + '<' + bytes.join('').slice(1) + '>';
}
......
......@@ -33,12 +33,17 @@
<header>
<p>
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>
<section>
<h2>Inputs</h2>
......@@ -245,7 +250,7 @@
vjsOutput.innerHTML = hex;
// XXX Media Sources Testing
window.vjsSourceBuffer.appendBuffer(bytes);
//window.vjsSourceBuffer.appendBuffer(bytes);
});
reader.readAsArrayBuffer(this.files[0]);
}, false);
......@@ -272,7 +277,7 @@
workingOutput.innerHTML = hex;
// XXX Media Sources Testing
// window.vjsSourceBuffer.appendBuffer(bytes);
window.vjsSourceBuffer.appendBuffer(bytes);
});
reader.readAsArrayBuffer(this.files[0]);
}, false);
......