Skip to content

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

Open
@aruljayaraj

Description

@aruljayaraj

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions