Video example doesn't working on Chrome on IOS

[YongLiangSu]

Description

https://collab-project.github.io/videojs-record/demo/video-only.html

Video Example is not working on Chrome on IOS

Results

Actual

Recording is normal but after finishing, it popup error.

Error output

The media could not be loaded, either because the server or network failed or because the format is not supported.

Versions

Chrome: 91.0.4472.80

videojs-record: 4.5.0

iOS: 14.6

[thijstriemstra]

what version of Chrome? what version of videojs-record? what version of iOS?

[YongLiangSu]

what version of Chrome? what version of videojs-record? what version of iOS?

Hey sorry.

Chrome: 91.0.4472.80

videojs-record: 4.5.0

iOS: 14.6

[aphavichitr]

I'm getting the same issue. iOS: 14.6 Chrome: 91.0.4472.80 videojs-record: 4.3.0

Recording was working before, the only change for sure was iOS version, but I'm assuming Chrome version might've been updated as well.

[YongLiangSu]

@thijstriemstra do you have the same issue?

[lcherone]

I'm having the same issue, is not just your lib, seems RecordRTC has same issue so is most likely something changed with chrome, everything works until recording is stopped then blob is empty, on("error", event fires but the error is undefined, additionally it fires on("finishRecord", event twice in chrome

(from multer req.file, I have no means to access console on ipad)

{
  fieldname: 'video',
  originalname: '1628681973690.webm',
  encoding: '7bit',
  mimetype: 'video/webm',
  buffer: <Buffer >,
  size: 0
}
{
  fieldname: 'video',
  originalname: '1628681973711.webm',
  encoding: '7bit',
  mimetype: 'video/webm',
  buffer: <Buffer >,
  size: 0
}

in Safari, works fine

{
  fieldname: 'video',
  originalname: '1628682219672.mp4',
  encoding: '7bit',
  mimetype: 'video/mp4',
  buffer: <Buffer 00 00 00 1c 66 74 79 70 69 73 6f 35 00 00 00 01 69 73 6f 6d 69 73 6f 35 68 6c 73 66 00 00 04 41 6d 6f 6f 76 00 00 00 6c 6d 76 68 64 00 00 00 00 dd 39 ... 1461374 more bytes>,
  size: 1461424
}

using: videoMimeType: 'video/webm;codes=H264',

ipad chrome version: 92.0.4515.90 ipad version: iPadOS 14.7.1 videojs-record version: 4.5.0

[thijstriemstra]

most likely something changed with chrome,

What specific chrome version(s) did this change?

[lcherone]

most likely something changed with chrome,

What specific chrome version(s) did this change?

If there is a way to downgrade an iPad app to a specific version, it would be easy to find out.

[thijstriemstra]

If there is a way to downgrade an iPad app to a specific version, it would be easy to find out.

Probably not.

[alectrocute]

+1

[alectrocute]

Could be fixed with #600

[thijstriemstra]

Could be fixed with #600

@alectrocute have you tested it?

[shealan]

I'm getting the same sadly.

Works great on iOS Safari.

I've tried all versions on the demo page with iOS Chrome and I get the same 0 bytes error on all.

iOS 15.2.1 on iPhone XS Max iOS Chrome App 97.0.4

[endigma]

macos/chrome

[ShinuMathew]

Hi, I am still facing this issue with my iOS chrome all versions. Is there a workaround for this?

[endigma]

@ShinuMathew we've given up and started running an ffmpeg microservice, eats whatever the client sends and crushes it into 480p webms

[ShinuMathew]

@endigma does this work for the client side? I am trying to record videos from my angular app and send it to my backend services in chunks. Can we achieve this use case with your solution? If so please share the library or documentation related to it

[endigma]

@ShinuMathew I wrote the transcode service myself, uploading to a temp dir, transcoding and sending to S3. The solution is for a closed source commercial product so I can't share implementation details.

[ShinuMathew]

@ShinuMathew I wrote the transcode service myself, uploading to a temp dir, transcoding and sending to S3. The solution is for a closed source commercial product so I can't share implementation details.

Oh ok. Thanks

[hamideh531]

Description

https://collab-project.github.io/videojs-record/demo/video-only.html

Video Example is not working on Chrome on IOS

Results

Actual

Recording is normal but after finishing, it popup error.

Error output

The media could not be loaded, either because the server or network failed or because the format is not supported.

Versions

Chrome: 91.0.4472.80

videojs-record: 4.5.0

iOS: 14.6

Description

https://collab-project.github.io/videojs-record/demo/video-only.html

Video Example is not working on Chrome on IOS

Results

Actual

Recording is normal but after finishing, it popup error.

Error output

The media could not be loaded, either because the server or network failed or because the format is not supported.

Versions

Chrome: 91.0.4472.80

videojs-record: 4.5.0

iOS: 14.6

I have same issue? Have you resolved it?

[DianaCiurea]

Description

https://collab-project.github.io/videojs-record/demo/video-only.html Video Example is not working on Chrome on IOS

Results

Actual

Recording is normal but after finishing, it popup error.

Error output

The media could not be loaded, either because the server or network failed or because the format is not supported.

Versions

Chrome: 91.0.4472.80 videojs-record: 4.5.0 iOS: 14.6

Description

https://collab-project.github.io/videojs-record/demo/video-only.html Video Example is not working on Chrome on IOS

Results

Actual

Recording is normal but after finishing, it popup error.

Error output

The media could not be loaded, either because the server or network failed or because the format is not supported.

Versions

Chrome: 91.0.4472.80 videojs-record: 4.5.0 iOS: 14.6

I have same issue? Have you resolved it?

[jmlorite]

I have same issue? Have you resolved it?

[aliumair-CD]

I am facing the same issue on Ios Chrome. Is there any solution to work for Ios Chrome?

[LetMeDream]

I'm facing the same error on Chrome/iOS, using the recordRTC lib. So it looks as if this remains unresolved yet.