成都网页设计公司主要是从事
成都响应式网站建设开发,
成都网页设计公司从事
响应式网站建设具有多年的网站开发经验。
近一段时间,深圳网站建设公司Clh发觉国内H5的创作有很大一部分是动画化,主要通过全屏动画搭建故事化场景。全屏动画有什么优势?把动态变换的场景占满手机整屏,配上与情节环环相扣的音效,让观众把所有的注意力放在内容上,叙事空间极大。一不留神,你就掉进了创作者设计的故事里。具体实现上,主要用全屏视频、图片轮播2种形式,以下深度分析它们流行的原因以及创作方法。
1、全屏视频,不爱你太难
▲滴滴出行滴滴的《童年阴影合辑》,算是9月火的视频动画了。前面还在讲小红帽被骗的童话故事,冷不防冒出个滴滴人脸识别功能。如果你经常留意H5广告,肯定还知道腾讯近出品的H5也基本都是视频有垂直视频(就是能竖着手机观看的全屏视频),也有横屏视频(就是横着手机观看的全屏视频),反正都是视频。为什么腾讯那么喜欢做视频动画?一气呵成,在别人没来得及反应之前,故事已经进入尾声,一屏广告静静地冒出来。【优势】只要视频长度合理,H5的体验不会轻易被中断,因为我们只需要盯着手机看。
2、3种解决方案全屏很带感,但前端大多知道安卓浏览器播放视频有个大坑,播放器不能像PC浏览器、苹果浏览器一样直接隐藏。怎么办?有3种解决方案:
(1)你就是腾讯创作团队的人,或和他们有合作项目。因为微信浏览器进行了特殊配置,并对一些域名作白名单处理,以此担保视频在安卓设备的微信浏览器播放能隐藏播放器。所以,这大概是腾讯系爱在H5里放视频的原因之一,应用上本来有一定特权。
(2)曲线救国,要么把视频放大一点,要么直接设计超出屏幕的视频。这两个法子能帮助逃除安卓魔咒,主要原因是视频尺寸大于屏幕,如果超出的范围比较大,就能让播放控制条跳到屏幕之外。这会让强迫症非常难受,但的确有效。下面是我在iH5后台编辑H5的界面,可以直观看到这两种应用:H5《审讯室》就把第2种方法玩得登峰造极(以上两个特定尺寸的视频出自该H5),它有很多分段视频,并为手机竖屏和横屏模式分别做了两套缓存方案: 要么把视频做长(竖屏),要么硬生生在底部多留出一大块灰色区块(横屏),以确保能过安卓这关。
(3)见下一部分。
文章来源成都网站建设公司636a本站原创,查看更多行业新闻请点击——→
了解详情