文档章节

三步为你的App集成LivePhoto功能

壹峰
 壹峰
发布于 06/20 12:03
字数 741
阅读 13
收藏 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

共有 人打赏支持
壹峰
粉丝 7
博文 541
码字总数 7328
作品 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
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
LivePhoto开发,你要知道的知识点

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

zhanggui
07/09
0
0
极光推送5大新产品闪耀亮相

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

极光推送
2015/11/24
45
0

没有更多内容

加载失败,请刷新页面

加载更多

day96-20180923-英语流利阅读-待学习

英国王子也不看好人工智能,理由却和霍金不同 Daniel 2018-09-23 1.今日导读 2016 年 3 月 9 日至 15 日,世界围棋冠军李世石与谷歌研发的计算机围棋程序 AlphaGo 进行人机大战并以 1 比 4 ...

飞鱼说编程
43分钟前
1
0
今天在码云遇到一个很有意思的人 for Per.js

今天在码云遇到一个很有意思的人,他在我的Per.js项目下面评论了一句,大意为“你试试这句代码,看看速度到底是你快还是Vue快”【当然,这个评论被我手残不小心删掉了...】。 然后我就试了,...

Skyogo
47分钟前
24
0
Java -------- 首字母相关排序总结

Java 字符串数组首字母排序 字符串数组按首字母排序:(区分大小写) String[] strings = new String[]{"ba","aa","CC","Ba","DD","ee","dd"}; Arrays.sort(strings); for (int i ...

切切歆语
49分钟前
2
0
还在用 Git 的 -f 参数强推仓库,你这是在作死!

最近,美国一个程序员因为同事不写注释,代码不规范,最严重的是天天使用 git push -f 参数强行覆盖仓库,该程序员忍无可忍向四名同事开抢,其中一人情况危急!!! 不写注释、代码不规范是一...

红薯
今天
466
0
NPM报错终极大法

所有的错误基本上都跟node的版本相关 直接删除系统中的node 重新安装 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 重新安装 $ n lts$ npm...

lilugirl
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部