3 replies

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

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

Non-seekable media | Remotion | Make videos programmatically

If you see the following error in the console:

remotion media not seekable

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
}

out/cover${i}${uuid}-cropped.mp4

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

Non-seekable media | Remotion | Make videos programmatically

If you see the following error in the console:

remotion media not seekable

remotion media not seekable

Similar Threads

Similar Threads

Similar Threads