How to solve RecordRTC recorded video seekable issue

Copy 
1npm install ts-ebml --save

Copy 
1import { Decoder, Encoder, tools, Reader } from 'ts-ebml';
2
3const readAsArrayBuffer = (blob) => {
4  return new Promise((resolve, reject) => {
5    const reader = new FileReader();
6    reader.readAsArrayBuffer(blob);
7    reader.onloadend = () => { resolve(reader.result); };
8    reader.onerror = (ev) => { reject(ev.error); };
9  });
10}
11
12const injectMetadata = blob => {
13  const decoder = new Decoder();
14  const reader = new Reader();
15  reader.logging = false;
16  reader.drop_default_duration = false;
17
18  return readAsArrayBuffer(blob)
19    .then(buffer => {
20      const elms = decoder.decode(buffer);
21      elms.forEach((elm) => { reader.read(elm); });
22      reader.stop();
23
24      const refinedMetadataBuf =
25        tools.makeMetadataSeekable(reader.metadatas, reader.duration, reader.cues);
26      const body = buffer.slice(reader.metadataSize);
27
28      return new Blob([ refinedMetadataBuf, body ], { type: blob.type });
29    });
30}

Copy 
1recorder.stopRecording(function() {
2
3    const blob = recorder.getBlob();
4
5    injectMetadata(blob).then(seekableBlob => {
6
7        // seekableBlob use this blob to show video or want to store anywhere
8
9        video.src = URL.createObjectURL(seekableBlob);
10
11    });
12});