文档章节

三步为你的App集成LivePhoto功能

壹峰
 壹峰
发布于 06/20 12:03
字数 741
阅读 14
收藏 0
  • 摘要:LivePhoto是iOS9新推出的一种拍照方式,类似于拍摄Gif图或录制视频片段生成图片。如果没有画面感,可以联想《哈利波特》霍格沃茨城堡的壁画,哈哈,很炫酷有木有,但坑爹的是只有iphone6S以上机型才可以使用LivePhoto拍照,6S以下机型暂只可查看。效果如下:LivePhoto效果图具体如何使用可参照如下网址,本文主要在代码角度帮助大家为自己的App添加展示LivePhoto图片的功能。苹果LivePhoto怎么拍,LivePhotos怎么使用第一步,打开系统相
  • LivePhoto是iOS9新推出的一种拍照方式,类似于拍摄Gif图或录制视频片段生成图片。如果没有画面感,可以联想《哈利波特》霍格沃茨城堡的壁画,哈哈,很炫酷有木有,但坑爹的是只有iphone6S以上机型才可以使用LivePhoto拍照,6S以下机型暂只可查看。效果如下:


    三步为你的App集成LivePhoto功能_IOS
    LivePhoto效果图 


    具体如何使用可参照如下网址,本文主要在代码角度帮助大家为自己的App添加展示LivePhoto图片的功能。
    苹果 Live Photo 怎么拍, Live Photos怎么使用


    第一步,打开系统相册 

    我们需要创建UIImagePickerController对象,设置对应来源类型,代理等,这里需要注意要额外设置mediaTypes(媒体类型),以支持加载LivePhoto类型图片。还有为了适配iOS10,不要忘记在info.plist中设置隐私权限Privacy - Photo Library Usage Description


    UIImagePickerController *ipc = [[UIImagePickerController alloc]init]; 
    ipc.sourceType = UIImagePickerControllerSourceTypePhotoLibrary; 
    ipc.delegate = self; 
    // 设置mediaTypes 添加LivePhoto类型图片 
    NSArray *mediaTypes = @[(NSString *)kUTTypeImage, (NSString *)kUTTypeLivePhoto]; 
    ipc.mediaTypes = mediaTypes; 
    [self presentViewController:ipc animated:YES completion:^{ 
    }]; 

    若发现kUTTypeImage类型报错,不要忘记添加MobileCoreServices框架


    第二步,获取相册中LivePhoto图片 

    对图片类型进行判断,如果为普通图片,使用UIImageView加载即可,若为LivePhoto类型,使用PHPhotoLiveView进行显示。这里需要添加Photos与PhotosUI框架,分别用于对LivePhoto的判断与显示。具体代码如下:


    - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info { 
    [self dismissViewControllerAnimated:YES completion:^{ 
    PHLivePhoto *photo = [info objectForKey:UIImagePickerControllerLivePhoto]; 
    if (photo) { 
    PHLivePhotoView *photoView = [[PHLivePhotoView alloc]initWithFrame:self.view.bounds]; 
    photoView.livePhoto = [info objectForKey:UIImagePickerControllerLivePhoto]; 
    photoView.contentMode = UIViewContentModeScaleAspectFill; 
    [self.view addSubview:photoView]; 
    } else { 
    NSLog(@"普通图片,使用UIImageView加载即可"); 

    }]; 

    第三步,让图片动起来 

    PhotosUI框架为我们提供了两种LivePhoto的动态效果,一种为持续数秒,第二种为全部循环展示。
    可通过如下方法进行调用


    //效果1 
    [photoView startPlaybackWithStyle:PHLivePhotoViewPlaybackStyleHint]; 
    //效果2 
    [photoView startPlaybackWithStyle:PHLivePhotoViewPlaybackStyleFull]; 

    对应的停止动画的方法为


    [photoView stopPlayback]; 

    是不是So easy?
    参考链接:How to display Live Photos in a view controller


    demo下载链接 

    三步为你的App集成LivePhoto功能demo

  • 以上是三步为你的App集成LivePhoto功能的内容,更多 LivePhoto 集成 功能 APP 的内容,请您使用右上方搜索功能获取相关信息。

本文转载自:https://www.aliyun.com/jiaocheng/372465.html

共有 人打赏支持
壹峰
粉丝 8
博文 558
码字总数 8299
作品 0
广州
其他
私信 提问
ALAsset/PHAsset 中的图片和视频文件

http://io.upyun.com/2016/03/23/the-real-files-in-alasset-and-phasset/?utmsource=tuicool&utmmedium=referral 在微博上出现了越来越多的被标记为 Live 的图片,这种图片是一种动图 Live...

壹峰
03/27
0
0
仿微博照片选择器--HXWeiboPhotoPicker

仿微博照片选择器 - 支持 LivePhoto、GIF 图片选择、3DTouch 预览功能等。 支持功能: 1、 查看/选择GIF图片 2、 照片、视频可同时多选/原图 3、 3DTouch预览照片 4、 长按拖动改变顺序 5、 ...

枫叶丶
2017/03/14
225
0
LivePhoto开发,你要知道的知识点

前言 Apple从iPhone6s开始支持Live Photo。Live Photo 会录下拍照前后 1.5 秒所发生的一切,因此用户获得的不仅仅是一张精美照片,还有拍照前后时刻的动作和声音。具体的操作可以参见拍照和编...

zhanggui
07/09
0
0
YXCMS网站管理软件安装过程

官方网站 http://www.yxcms.net YXcms下载 http://pan.baidu.com/share/link?shareid=95094833&uk=3509893036&third=15 环境下载 http://pan.baidu.com/share/link?shareid=2202477437&uk=40......

姜殿馨
2013/06/08
548
1
极光推送5大新产品闪耀亮相

  2015 年 11 月 19 日, GITC2015 全球互联网技术大会在北京国家会议中心盛大开幕。 GITC 是目前国内规模最大、资源最成熟的移动互联网技术交流平台。极光推送应邀出席大会,并首次集中展...

极光推送
2015/11/24
45
0

没有更多内容

加载失败,请刷新页面

加载更多

一个案例彻底弄懂如何正确使用 mysql inndb 联合索引

摘要: 有一个业务是查询最新审核的5条数据 ```sql SELECT `id`, `title` FROM `th_content` WHERE `audit_time` < 1541984478 AND `status` = 'ONLINE' ORDER BY `audit_time` D. 原来链接 ......

阿里云官方博客
9分钟前
1
0
详解如何用爬虫采集视频播放量数据(以腾讯视频为例)

现代社会提到大数据大家都知道这是近几年才形成的对于数据相关的新名词,在1980年,著名未来学家阿尔文·托夫勒便在 《第三次浪潮》一书中,将大数据热情地赞颂为“第三次浪潮的 华彩乐章”...

技术阿飞
14分钟前
1
0
区块链时代的拜占庭容错:Tendermint(二)

原文题目:《Tendermint: Byzantine Fault Tolerance in the Age of Blockchains》 原文作者:Ethan Buchman 翻译:饶云坤 校对:傅晓波 本文为节选 以下为正文: 本章阐述Tendermint共识算法...

万向区块链
27分钟前
0
0
AS连接网易Mumu模拟器

1、安装模拟器 打开这个网址现在模拟器然后安装 http://mumu.163.com/ 2、安装完成后启动模拟器 3、进入模拟器安装目录 例如本机的安装目录:C:\Program Files (x86)\MuMu\emulator\nemu\vmo...

HGMrWang
34分钟前
9
0
设计要做到扩展性强还挺难的

概述 在日常开发中,有时候你的上司会跟你说,这个模块的设计扩展性要高。把这句话说出来很简单,但是要做到则非常难。导致难的其中一个因素是: 你不熟悉这个行业的业务的玩法 我举个例子来...

Sam哥哥聊技术
36分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部