Timeslice blobs are corrupted

[code-wizard]

Hey, Am having issues with the timestamp event. I am trying to upload a "slice" of the recorded video. Below is what I noticed.

1. The first slice of the player.recordedData contains a blob of size 1

2. The subsequent slices contain blob array of size + 1

I did the following
var binaryData = player.recordedData[player.recordedData.length - 1];
The first blob is playable but the subsequent blobs are not playable.
I only want to send a particular slice at a time and not the total recorded file. How do I achieve this?

[code-wizard]

I manage to get this working.

[thijstriemstra]

@code-wizard opening a ticket and then closing it without sharing the solution.. 👎 how did you get it to work?

[saswatkumarsahoo]

Hi, I am facing the same issue. The first slice is only playable. Rest of the slices seems to be corrupt.

@code-wizard - can you let me know how did you get this working ?

My code

var options = {
            controls: true,
            width: 320,
            height: 240,
            fluid: false,
            videoMimeType: 'codecs=H264',
            plugins: {
                record: {
                    audio: true,
                    video: true,
                    maxLength: 60,
                    debug: true,
                    timeSlice: 5000
                }
            }
        };

player.on('timestamp', function () {
            console.log(JSON.stringify(player.recordedData))
            if (player.recordedData && player.recordedData.length > 0) {
                var binaryData = player.recordedData[player.recordedData.length - 1];
                 upload(binaryData);
            }
        });

function upload(blob) {
            var serverUrl = '/upload';
            var formData = new FormData();
            formData.append('file', blob, blob.name);
            console.log('upload recording ' + blob.name + ' to ' + serverUrl);
            fetch(serverUrl, {
                method: 'POST',
                body: formData
            }).then(
                success => console.log('upload recording complete.'+ formData)
            ).catch(
                error => console.error('an upload error occurred!')
            );
        }

[code-wizard]

@code-wizard opening a ticket and then closing it without sharing the solution.. 👎 how did you get it to work?

That's too bad of me!
What I did was I sent the segments to my s3 bucket then used Open CV to stitch them together. So basically the blobs except the 1st segment cannot play independently unless stitched together.

[code-wizard]

Hi, I am facing the same issue. The first slice is only playable. Rest of the slices seems to be corrupt.

@code-wizard - can you let me know how did you get this working ?

I can share my OpenCV function if that will help.

[saswatkumarsahoo]

@code-wizard
Thanks for your response. That will not help actually. My final goal is to upload the video segments to S3 bucket and run rekognition on each slice individually. Stitching them together to create a larger file again won't help.

Sholudn't the sliced files work independently ? What is the point to slice the recording in the first place if they are not usable. Is it possible to open the ticket again?

[code-wizard]

Yeah we should be able to get playable segments that will be really helpful

[saswatkumarsahoo]

Is there any new development on this ?

[thijstriemstra]

Don't see any, no. Can you reproduce this with recordrtc only code?

[thijstriemstra]

I was able to reproduce the issue with the timeSlice option and it looks like a RecordRTC issue, see muaz-khan/RecordRTC#539 and muaz-khan/RecordRTC#505

After recording 6 blobs I used this check-uploads.sh script to verify the last 6 recorded/uploaded blobs using ffprobe:

#!/bin/bash
FILES=$(ls -t ./uploads/ | head -n6)

for f in $FILES
do
  ffprobe -v error ./uploads/$f
done

Result:

./uploads/1563143479731.webm: Invalid data found when processing input
./uploads/1563143479685.webm: Invalid data found when processing input
./uploads/1563143474681.webm: Invalid data found when processing input
./uploads/1563143469675.webm: Invalid data found when processing input
./uploads/1563143464671.webm: Invalid data found when processing input
./uploads/1563143459670.webm: Invalid data found when processing input