Can I add video segments in PHP [Laravel]?

It seems that you are trying to send individual video frames as separate requests to the server and append them to create a full video. However, this approach is not sufficient for creating a playable video file.

To achieve your goal, you’ll need to use a video container format (e.g., MP4) and ensure that the video frames are encoded and organized correctly within the container.

Here’s an updated approach that utilizes the MediaRecorder API on the frontend and FFmpeg on the backend to create a playable video:

let mediaRecorder;
let recordedChunks = [];

function accessRecord(id) {
  navigator.mediaDevices.getDisplayMedia({
    audio: false,
    video: true
  }).then(startStream).catch(failedStream);
}

function startStream(stream) {
  mediaRecorder = new MediaRecorder(stream, { mimeType: 'video/webm' });

  mediaRecorder.addEventListener('dataavailable', function(e) {
    if (e.data.size > 0) {
      recordedChunks.push(e.data);
    }
  });

  mediaRecorder.start(5000);

  setTimeout(stopStream, 15000);
}

function stopStream() {
  mediaRecorder.stop();

  const blob = new Blob(recordedChunks, { type: 'video/webm' });

  const reader = new FileReader();
  reader.onload = function() {
    const videoData = reader.result;

    fetch('http://localhost/api/session/12/video/save', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/octet-stream'
      },
      body: videoData
    }).then(() => {
      console.log('Video saved successfully');
    }).catch((e) => {
      console.log('Error saving video');
      console.log(e);
    });
  };

  reader.readAsArrayBuffer(blob);
}

Backend (Laravel) Code:

Install FFmpeg (if not already installed) on your server. You can follow the instructions for your operating system to install FFmpeg.

Install the PHP-FFMpeg library for Laravel. You can install it using Composer:

composer require php-ffmpeg/php-ffmpeg

Update your Laravel route and controller to handle video saving and concatenation:

use FFMpeg;
use IlluminateHttpRequest;

Route::post('session/{id}/video/save', 'VideoController@saveVideo');

class VideoController extends Controller
{
    public function saveVideo(Request $request, $id)
    {
        $videoData = $request->getContent();
        $filename = 'video_uuid-video.webm'; // Change the filename and extension as needed

        $videoPath = storage_path('app/videos/' . $filename);

        file_put_contents($videoPath, $videoData);

        return response()->json(['message' => 'Video frame uploaded successfully']);
    }

    public function concatenateVideos()
    {
        $videoPath = storage_path('app/videos/'); // Path to your video files
        $outputFilename = 'concatenated-video.mp4'; // Output filename and extension

        $ffmpeg = FFMpegFFMpeg::create();
        $videoConcatenation = $ffmpeg->concatenate();

        // Loop through the video files in the storage directory
        foreach (Storage::files('videos') as $file) {
            $videoConcatenation->addFromPath(storage_path('app/' . $file));
        }

        // Save the concatenated video
        $videoConcatenation->saveFromSameCodecs($videoPath . $outputFilename);

        return response()->json(['message' => 'Videos concatenated successfully']);
    }
}

In the above code, the first route ‘session/{id}/video/save’ is used to save each video chunk sent from the frontend. The {id} parameter represents the session ID or any other identifier you’re using.

The second route ‘session/concatenate-videos’ is used to trigger the concatenation of the saved video chunks into a single video file. You can modify the route URL as needed.

Make sure to adjust the route URLs and controller method names according to your specific application needs.