首先需要使用苹果官方提供的JavaScript库

地址：https://developer.apple.com/documentation/livephotoskitjs

注意：一般实况图片都是有两个文件 一个是常规图片 一个是音频视频文件后缀为MOV格式

实现方式上：

首先引入livephotoskit.js

<script src="https://cdn.apple-livephotoskit.com/lpk/1/livephotoskit.js"></script>

然后需要一个容器

<div
      data-live-photo
      data-photo-src="https://xxxx"
      data-video-src="https://xxxx"
      style="width: 320px; height: 320px"
    ></div>
 <!-- data-photo-src 为常规图片地址 -->
 <!-- data-video-src 为音频地址 -->

演示：https://cnbl.net/livephotos.html

然后进入页面就会自动播放