有关于视频格式、编码、码率、分辨率、帧率的科普,相信大家应该用得到

在770版本开发的过程中,有幸与内容组同事一起准备一些新版本上线需要的视频素材,因为需求需要用到透明背景的视频,所以花费了一些时间研究了一些视频相关的知识,这还要从带透明背景的mov压缩转换成mp4之后背景变成了黑色说起…

视频呢就是我们最近H2上线的7.7.0版本「老师陪你」tab默认的引导视频,视频中王老师需要出现在真实的APP界面上方,所以就需要视频只把老师身体部分抠出来,其余部分都需要有透明效果,漏出下方的界面元素。视频组输出的视频效果很棒,在客户端调试看起来也很不错,但是致命的问题就是这个mov格式的视频比较大,需要几十兆的空间,这不管是打包还是远程下载对APP来说都是不现实......

为了让大家更好理解需求的页面逻辑,我硬生生搞了一个反向代理

(这篇文章虽然是产品写的,但是需要你有一点技术基础,可能才能看懂)

事情是这样的,最近我们产品在落实一项工作,在提供需求文档的同时,也需要提供页面交互逻辑,这是为了让开发哥哥和测试妹妹们能更好的理解需求内容。确实是个好事情,记得我在刚入职的时候,用交互的原型给大家讲小程序的页面功能,发现比文档清晰多了,根本不用看文档就能理解来做的大概是个什么东西了。

这是个好事情,因为我们都用sketch画原型,根本没法清晰表现页面跳转的关系,自带的功能就免了,太垃圾了。

于是乎,我尝试了各种能展示页面交互的工具。先是各种第三方插件,以User flows为代表的这种连线工具试了一堆,但是只能在页面上画......

想理解小程序,你得做一个才能明白

这个月训练营的小程序上线了,刚好也是我第一次设计微信小程序,以往觉得自己看了不少小程序的文章和产品已经对小程序有个很明确的把握了,实际上在具体执行中还有很多不会注意到的重要细节。

#设计小程序就是网页

在做小程序之前,一定要明白小程序其实就是网页,所以在处理页面跳转时不会有客户端那么灵活。小程序的页面层级最多是6层,也就是如果超过6层的页面跳转会失败。但是因为小程序本质和网页类似,所以网页跳转中的redirect是很好用的,如果返回需要跳过之前的页面,可以在跳转时使用重定向。这样一般来说6层以内的限制也显得足够宽泛。

同样,由于小程序主要的逻辑需要在页面上实现,全局的后台操作几乎是不可......