细说交互视频H5的前世今生

发展至今,随着 HTML5 技术的发展以及各种可产出交互视频的设计工具的出现,交互式视频开始逐渐在移动端兴起,其中最重要的载体形式便是 H5 .

上周腾讯和网易两家大厂不约而同地各自推出了一支 H5,这两支风格迥异的 H5 却一致运用了同一种 套路 形式——以交互式视频的形式来宣传自家旗下的新手游 .


其实,交互式视频这个想法,早在 PC 时代就已经被提出了,我们可以先来理解下交互式视频这个概念:

交互式视频,是指通过各种技术手段,将交互体验融入到线性的视频的新型视频 . 最初主要是由广告商赞助的广告视频,借用各种新奇的交互方式来吸引人们点击观看,增加产品的曝光度,可以认为是病毒营销一种 . 发展至今,随着 HTML5 技术的发展以及各种可产出交互视频的设计工具(如 Epub360等)的出现,交互式视频开始逐渐在移动端兴起,其中最重要的载体形式便是 H5 .

第一支探索交互视频的 H5,就是一年前由 dopemine 出品的《活口》,当时业内几乎没有见过类似的沉浸式、带交互的视频 H5案例,这简直是打开了H5 的新玩法:以剧情模式加互动游戏相结合的交互视频模式!

 

 

继第一支交互视频 H5 的刷屏走红之后,各大品牌与创意商们也都开始争相探索交互视频在 H5 上的运用,并产出了一系列优秀行业案例:

 

 

在体验了上述众多案例后,下面为派友们总结出了 4 种形式的交互式视频 H5: 

 

1、明星 / IP + 跌宕的故事剧情

 

分辨这类交互视频 H5 的方法很简单,其核心一般都是明星或者某 IP,再配以创意编排极佳的剧本与对白,很容易就能引起刷屏效应 .

 

《葫芦娃毁童年新番》 

出品:网易

 扫描二维码,查看案例

 

网易这支 H5,借童年经典的动画回忆来制造刷屏 H5 话题这件事,这类“怀旧情怀”得套路网易早就用过,但这次却直接架上大 BOSS 丁三石来作为超级IP出场,虽然着实出乎意料之外,但对于娱乐至上的网易来说倒也合情合理 .

 

《Dr.魏的这波操作我赌你破解不了!》

出品:江苏卫视

 

扫描二维码,查看案例

 

连 Dr.魏都不知道?那肯定是没有看过非人类能挑战的电视节目《X强大脑》,Em...这次就由 Dr.魏来给你一波操作,看看你的那点小心思是不是都被猜中了?

 

2、自由选择触发多条故事线

 

表现形式为多为第一人称视角,通过观看用户的不同选择,产生多种不同的故事线与结局,优势在于其选择的自由度很高,但一般耗时较长,为避免用户长时间的观看疲劳,前期的策划上就需要多花些心思 .

 

《忘忧镇》

出品:腾讯TGideas

 扫描二维码,查看案例

 

第一次看到这支《忘忧镇》 H5,精致的服装、道具、场景、演员,仿佛一部制作精良的荧幕电影般出现于眼前,恐怕每个人心里都有会有些疑问:这真的是我们印象中的 H5 吗?

TG 新作为我们探索了交互视频 H5 的新模式,其实这种形式像极了角色扮演游戏,通过第一人称视角来解锁一章又一章节的关卡(故事线),走心的故事情节恰到好处地戳中了武侠迷们的心,但凡是痴迷于此的人,谁又不曾梦想过能闯荡江湖一把呢?

 

《给张一山导一部戏》

出品:穿越火线 

扫描二维码,查看案例

 

别出心裁的让用户直接代替导演角色来选择不同的剧情进度,一共为 18 幕精心设计的创意小短片 .再加上无厘头式的搞笑结局与游戏经典的口号结合,耗时虽长,但不会让人有无聊乏味到想跳出的感觉 .

 

3、互动游戏

 

H5营销中少不了的小游戏,同样适用于交互视频 H5 . 视频剧情在H5小游戏中的过渡衔接,增强用户在H5中的代入感,也更能调动用户的参与感,提升游戏的趣味性 .

 

《男同学最爱的APP终于上线》

出品:W 

 扫描二维码,查看案例

 

图片合成类游戏,每个真实校花的自拍都是由一段短视频组成,粉系配色透露出青春靓丽的年轻、活泼感 . 通过选择四个校花中你最喜欢的外貌特征(眼、耳、口、型),来合成心目中的“最美校花” .

 

《黄道忌日》

出品:Amused Art

 扫描二维码,查看案例

 

巧妙的结合了视频与游戏的玩法,偏向日本的浮世绘风的视觉风格,契合着鬼怪灵异的主题,提供“猛踩油门”、“跪地求饶”、“挥手呼救”、“倒车逃生”这四种选择,选择后开始进入游戏 .游戏未通过即为逃脱失败,立即会触发一段可以算是"暴力血腥"的视频作为惩罚结果 .

 

4、 VR / AR 交互

 

毋庸置疑, VR(虚拟现实)与 AR(增强现实)已经作为未来互联网行业的一大风口, 游戏、电影等领域已经开始初见成效 . 假设 VR、AR 能与交互视频H5 相结合,也一定能碰撞出非常可观的刷屏效果 .

之前腾讯 QQ 就出品过一支 AR 概念的交互视频 H5,虽然只是简单地点击切换 2 支视频,但也可以算是一种 H5 创意与技术的尝试探索 .说不定,在不久的将来,我们就能真正看到这些黑科技与 H5 之间巧妙运用后产生的刷屏案例!

 

所以 区别于之前交互性较差、单向传播的纯视频 H5,交互视频 H5 的出现,极好地解决了纯视频 H5 陷入自嗨的尴尬,使用户停留的时间得以增加,更有效地传播自身品牌产品或开展线上线下活动 .不过目前受微信版本的影响,视频类 H5 在移动端,特别针对安卓的兼容适配并不十分友好 ,这也在一定程度上局限了交互视频 H5 的发展 . 

 


关注更多H5设计、案例、资讯

 

10