Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
aruljayaraj opened this issue Apr 14, 2022 · 9 comments
Open

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

aruljayaraj opened this issue Apr 14, 2022 · 9 comments

Comments

@aruljayaraj
Copy link

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

@faizanumer
Copy link

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

@thijstriemstra thijstriemstra added the safari-mobile safari iOS browser issues label May 18, 2022
@aruljayaraj
Copy link
Author

aruljayaraj commented May 19, 2022

@faizanumer No update yet.

@pork1977
Copy link

pork1977 commented Jun 1, 2022

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?

@Pastorsin
Copy link

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

@omarcs
Copy link

omarcs commented Oct 27, 2022

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

@mamerbloovo
Copy link

Any update on this?

@AoutoCooper

This comment was marked as abuse.

@thijstriemstra
Copy link
Member

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

@AoutoCooper

This comment was marked as abuse.

@thijstriemstra thijstriemstra added chrome-ios and removed safari-mobile safari iOS browser issues labels Apr 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants