nawed Posts - Answer Overflow

nawed

•Created by nawed on 7/9/2024 in #questions

remotion media not seekable

Error during rendering: SymbolicateableError: The media https://listnraudioazure.blob.core.windows.net/text-to-video-prod/out/cover0c4163fcd-6e5d-4f06-b642-a4981cbc18b5-cropped.mp4 cannot be seeked. This could be one of two reasons: 1) The media resource was replaced while the video is playing but it was not loaded yet. 2) The media does not support seeking. Please see https://remotion.dev/docs/non-seekable-media for assistance. at warnAboutNonSeekableMedia (http://localhost:3001/bundle.js:8432:19) at HTMLVideoElement.seekedHandler (http://localhost:3001/bundle.js:8118:78) {

stackFrame: [
    {
      columnNumber: 18,
      fileName: 'http://localhost:3001/bundle.js',
      functionName: 'warnAboutNonSeekableMedia',
      lineNumber: 8431
    },
    {
      columnNumber: 77,
      fileName: 'http://localhost:3001/bundle.js',
      functionName: 'seekedHandler',
      lineNumber: 8117
    }
  ],
  frame: 0,
  delayRenderCall: null
}

stackFrame: [
    {
      columnNumber: 18,
      fileName: 'http://localhost:3001/bundle.js',
      functionName: 'warnAboutNonSeekableMedia',
      lineNumber: 8431
    },
    {
      columnNumber: 77,
      fileName: 'http://localhost:3001/bundle.js',
      functionName: 'seekedHandler',
      lineNumber: 8117
    }
  ],
  frame: 0,
  delayRenderCall: null
}

im facing this error as my media is said to be non seekable - but it plays correctly after downloading meaning its not playing directly when i open the url im using this ffmpeg command as well Ffmpeg() .input(inputProps.cover[i]) // Input video file path .videoFilters(['scale=1080:1920:force_original_aspect_ratio=increase', 'crop=1080:1920']) // Resize and crop video .videoCodec('libx264') // H.264 video codec .audioCodec('aac') // AAC audio codec .outputOptions([ '-preset veryfast', // Choose an appropriate preset for your needs '-crf 22', // Constant rate factor (CRF) for video quality '-b:a 128k', // Audio bitrate '-movflags +faststart', // Ensure the moov atom is at the beginning of the file for progressive playback ]) .output(out/cover${i}${uuid}-cropped.mp4) // Output file path .on('error', (err) => { console.log('Error converting cover:', err); reject(err); }) .run(); and then uploading the output to azure blob storage

4 replies

Gaming

Programming