请先登录后发表评论！
1
1
0
0
  2. 教程
  3. 前端WEB预览苹果实况图LIve

前端WEB预览苹果实况图LIve

小助理
24-07-28 10299

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

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

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

前端WEB预览苹果实况图LIve

实现方式上：

首先引入livephotoskit.js

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

然后需要一个容器

<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 为音频地址 -->
Markup

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

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

收藏的用户（0） X
正在加载信息~
最新回复 (1)
  • 部长 24-07-29
    0 引用 2楼

    这个确实很棒啊，我也想知道怎么搞

请先登录后发表评论！

登录 注册
返回