webm2mp4-js

    1.0.1 • Public • Published

    webm2mp4-js Tests JavaScript Style Guide

    MediaRecorder emits media data stream boxed in the Matroska (aka webm or EBML) format. When using MediaRecorder with a MIME type like video/webm; codecs="avc1.42C01E", it's possible to strip off the Matroska boxing and wrap the data in fragmented MP4 boxing instead.

    This is handy, because the Media Source Extension cannot consume Matroska, but it can consume fragmented MP4. Once we have that MP4, we can feed it to MSE chunk by chunk with the SourceBuffer.appendBuffer() API.

    The output data stream is intended to comply with the W3C's ISO Base Media File Format specification.

    Install

    Install with npm:

    $ npm install --save webm2mp4-js

    Installation with other package managers works similarly.

    Writing Fragmented MP4 streams from your web app

    Start by including the module in your program.

    const webm2mp4 = require('webm2mp4-js')

    You then can use webm2m4.TransboxingMediaRecorder exactly as if it were native MediaRecorder.

    For example

    async function go () {
      const stream = await navigator.getUserMedia ({video:true, audio: false})
      const options = {
            videoBitsPerSecond: 500_000,
            mimeType: 'video/mp4;codecs="avc1.42C01E"'
          }
      const mediaRecorder = new webm2m4.TransboxingMediaRecorder(stream, options)
      mediaRecorder.ondataavailable = function (event){
        /* here's your mp4 payload */
        const blob = event.data
      }
      mediaRecorder.start(10)  
    }

    Still to do

    • Something useful with audio

    Credits

    • The crew who made the ebml package.
    • The creators of the Quicktime stream format.

    Install

    npm i webm2mp4-js

    DownloadsWeekly Downloads

    5

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    28.4 MB

    Total Files

    30

    Last publish

    Collaborators

    • olliejones