快录慢放的这个功能应该不少机友都有所耳闻,不过对于很多非专业的同学而言实在还是很陌生的。海思麒麟处理器在年初开始了支持120帧视频录制,这样就意味着,前面提到的快录慢放可以实现。小黑小编起初也是一介小白,不过好在有些基础,下面就由我带领大家一起来看看快录慢放究竟是个什么玩意吧。
第一个问题:如何给用户一个好的体验?
iPhone 6是有个slow-motion功能,也就是我们所说的快录慢放。一开始,我们拿着苹果手机仔细研究着,一边感叹苹果的极致,一边试着发现苹果的不足。
我们感叹苹果打破常规,直接使用缩略图代替进度条的创新,以及滑动过程中完美的动效设计。但是仍有以下不足之处:
1、 苹果横屏视频不能横屏播放(横屏视频慢放时,显示区域较小)。
2、 慢放控制区不能隐藏(用户无法全屏观看)。
3、 部分关键帧重复(导致有些相邻缩略图相同,无法较好的指导用户选择)。
4、 竖屏视频缩略图过小(用户较难辨识)。
横屏设计
竖屏设计
我们能看到上面的设计中,保留了进度条,多了一个慢放控制区。
1、 慢放控制区,用了一个框的形式表示了慢放区域。当播放或手动将进度小圆点拨到这个框内,马上就进入慢动作播放。Tips:猫耳朵框。
2、 触摸一下屏幕,就能隐藏慢放控制区,用户能全屏观看。
3、 提供了横屏和竖屏播放的支持。
第二个问题:我们自己能做到的哪些极致?
缩略图获取优化
打开iphone的慢放功能,慢放控制区的缩略图很快地一次性全部展现出来,我们感叹iphone的处理能力,虽然 iphone缩略图获取速度快,但是还是需要等待1s左右的时间的。我们并不认为这种交互方式,而是采用了异步加载缩略图的方式,用户打开慢动作视频,缩略图一张一张加载出来,还好,这效果还不错。
细节优化
用户触摸控制优化:我们的UI拿着自己的iphone,感叹:“bar太小,很难点中”。为了避免这样的问题,即使手指比较大的用户也能轻易操控。
长按放大,减少重复缩略图优化:看过苹果的缩略图,较短视频播放时,不少缩略图是相同的。我们在实现过程中也发现了这个问题,获取关键帧确实有这个问题,这个跟视频的帧率是有直接关系的,相同时长的视频,帧率越高,一般关键帧就越多。iphone能拍240帧的视频,而我们目前最多支持120帧。关键帧本来就少,而且需要保证每张缩略图都不一样,这个对于我们来说是一个挑战。最终我们通过软解算法优化,调节缩略图大小等方式解决了这个问题。
慢放效果优化
在framework的同事的努力优化下,我们实现了慢放4倍的效果,以每秒约30帧的速率播放,效果不错,相信大家都会喜欢。
快录慢放的功能大家在看完这篇教程之后应该也有了一定意义的了解,其实多余的话小编也不说啦。各位还是好好用心感受吧。
手机福利视频播放器推荐 | |||
豆奶视频 | 丝瓜视频 | avbobo | 包子视频 |
秋秋影视 | 香蕉视频 | 蜜瓜电影 | 茄子视频 |
磁力吧 | 怡春院 | 电影港 | 食色抖音 |
私密免费观看直播吧 | 逗别看 | 唇色直播 | 影豆网 |
苦瓜网 | 尘落电影网 | 4k屋 | 火豆电影网 |