Sunday, March 22, 2026

iphone – Learn how to extract the video from a Reside Photograph in JavaScript + HTML?

I need to make an offline HTML+JavaScript webpage that may separate the video and photograph of a Reside Photograph and let the consumer save the 2 recordsdata individually to their Images.

 ({title, sort})), null, 2))
    "
 >

To run this MRE: open this query in your iPhone, click on “Run code snippet”, after which click on the “Select Information” button, after which select a Reside Photograph.

If you wish to run this MRE by yourself pc as an alternative of inside a StackOverflow snippet, I feel the best means is: serve the HTML from a server (e.g. python -m http.server) and entry it by a browser your iPhone.

When an iPhone consumer makes use of this file enter to pick out a Reside Photograph, evidently the one file within the enter‘s FileList is the nonetheless picture jpeg/heic! There is no video file within the FileList:

[
  {
    "name": "1723_livephoto.HEIC",
    "type": "image/heic"
  }
]

(That could be a nonetheless picture; HEIC can’t comprise video)

How can I make an offline HTML+JavaScript webpage that may separate the video and photograph of a Reside Photograph and let the consumer save the 2 recordsdata individually to their Images?

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest Articles