videojs-record icon indicating copy to clipboard operation
videojs-record copied to clipboard

Output blob size is 0 on IPhone - Chrome when recording a Video

Open aruljayaraj opened this issue 2 years ago • 9 comments

Description

I would like to record video on Chrome using iPhone 13, the output blob for video has no data. Output video blob is 0 MB.

Steps to reproduce

Pls, open this below link in the iPhone chrome browser.

https://codesandbox.io/s/zhde4?file=/src/App.js:978-987

  1. Click on the Video Icon to record, if it asks permission give that.
  2. Start recording
  3. Stop recording. You will see the "Media could not be loaded, either because the server or network failed or because the format is not supported"
  4. You can see the results with 0 bytes on the console.

Results

Refer to the screenshot for the error

WhatsApp Image 2022-04-14 at 4 58 19 PM

Expected

    `{stream: Blob,
      lastModified: 1649934483285,
      lastModifiedDate: Thu Apr 14 2022 16:38:03 GMT+0530 (India Standard Time),
      name: "1649934483285.mkv",
      size: 263257,
      type: "video/x-matroska;codecs=avc1",
      arrayBuffer: ƒ arrayBuffer() {},
      slice: ƒ slice() {},
      stream: ƒ stream() {},
      text: ƒ text() {},
    <constructor>: "Blob"}`

Actual

It's working on iPhone Safari. Mac Chrome and Firefox also working fine.

versions

IPhone 13 - 15.4 Chrome - 100.0.4896.77

videojs

videojs-record - 4.5.0

browsers

iPhone Chrome

OSes

IOS

aruljayaraj avatar Apr 14 '22 11:04 aruljayaraj

Any update on this? I'm having the same issue.

faizanumer avatar May 18 '22 18:05 faizanumer

@faizanumer No update yet.

aruljayaraj avatar May 19 '22 06:05 aruljayaraj

Not that I have much to add to this, I just wanted to say that I've also been struggling with this recently. Like @aruljayaraj aruljayaraj says, it only seems to be Chrome iOS affected, Safari works beautifully and I'm always seeing a 0 bytes file generated. The "finishRecord" event triggers and I'm not seeing any errors. Currently using v4.5.0 of videojs record (and latest on the main videojs). When you start to record, you can see the camera start up and it records fine. When you stop it recording, nothing displays in teh recorder because of the completed file can't be generated. Does anyone have any clues on why it might be happening? Where in the code it's failing? is it somethign to do with the way the code is trying to generate the file or perhaps to do with RecordRTC?

pork1977 avatar Jun 01 '22 19:06 pork1977

@thijstriemstra No update yet.

Ok I'm confused though, why do you mention me here?

thijstriemstra avatar Jun 08 '22 21:06 thijstriemstra

Hi, any update on this? I have the same problem

Pastorsin avatar Oct 13 '22 16:10 Pastorsin

Any update on this? I have the exact same problem, I have tested with several codecs and plugins, but result is always 0 bytes in video blob

omarcs avatar Oct 27 '22 18:10 omarcs

Any update on this?

mamerbloovo avatar Feb 16 '24 21:02 mamerbloovo

any update on this? same on audio record

AoutoCooper avatar Mar 19 '24 01:03 AoutoCooper

it's bizarre to me people keep adding this "any update on this" when there's clearly no update. please stop, ty.

thijstriemstra avatar Mar 19 '24 11:03 thijstriemstra

it's bizarre to me people keep adding this "any update on this" when there's clearly no update. please stop, ty.

is there any update on this?

AoutoCooper avatar Mar 19 '24 12:03 AoutoCooper