交互式视频设计的分类和实现工具

继凤凰传奇的“最炫民族风”和鸟叔的“江南style”之后，网络上又出现一个神曲“小苹果”，于是各种以“小苹果”为主题的MV也盛行起来，令人哭笑不得呀！

如果非要我这个交互设计师聊下单曲的MV的话，我还是比较喜欢红辣椒乐队（The Red Hot Chili Peppers）的一首“Look Around”单曲的交互版的MV！这个交互式视频在演艺界和科技界都引起了不小反响，相信未来有更多的艺人会采用互动视频的方法来提升歌迷的参与度！

拖动鼠标，可以选择观看4个乐队成员在不同场景里的表演，通过点击房间里的家具，还能观看乐队成员拍摄MV时的现场照片，据说有些歌迷为了能够看到4个人的完整表演和所有图集，前后看了6遍。

其实，这种交互式视频概念的出现已经有些年头了，但是交互的方式各不相同，不断创新的交互体验完美迎合了大众对新鲜感的贪婪追求，对于这样一个活力四射的交互媒介，马海祥有必要对其研究一下。

1、什么是交互式视频？

交互式视频是指通过各种技术手段，将交互体验融入到线性的视频的新型视频。它的风靡起源于2005年，随着当时宽带接入速度的提升和多媒体播放技术的成熟（主要是flash），交互式视频越来越多。

最初主要是由广告商赞助的广告视频，借用各种新奇的交互方式来吸引人们点击观看，增加产品的曝光度，可以认为是病毒营销一种（具体可查看马海祥博客的《为什么企业越来越看重网络视频营销》相关介绍）。

发展到如今，已经诞生了各种专门设计制作交互式视频的公司，甚至个人也可以很方便的在YouTube上制作交互式视频。

2、交互式视频的分类

马海祥觉得交互式视频可以大致分为以下3类：

第一类：可定制式

这一类的交互式视频允许用户在观看时调整一些视频的变量元素，但是视频本身仍然是线性的，这使得每个人看到的视频都一样，又都不一样。

开头所提到的Look Around交互版MV就是这一类的代表（音乐视频不会随着用户点击而改变段落，它一直播放着，只是每个人看到的房间不同）。最基础的体验是在视频观看时，鼠标移到某物件上能显示该物件信息的tag，这招最常见的就是被用作服装导购。

第二类：会话式

指用户以类似会话的方式直接参与改变视频的顺序甚至结果，视频可以不再是线性的了，视频的设计者准备好多个结局和段落，让观看者自行选择。

举个例子，假设Windows是一段视频，那它就是会话式的，我们与Windows的交互都是通过会话窗口进行的。

第三类：探索式

顾名思义，探索式的交互式视频一般只提供很少提示（甚至不提示），让用户在视频中自行摸索可交互的点和交互方式。

这类视频一般会采用现实生活中的场景（让人更容易产生代入感），在用户操作前，会一直循环播放场景，直到用户发现了交互点，才会继续。

3、交互式视频的实现工具与案例

对于如何实现交互式视频的方法，据马海祥了解目前可通过以下4种工具来实现：

（1）、YouTube

YouTube上已经诞生了不少商业的与非商业的交互式视频，基本都属于会话式交互。得益于YouTube强大的在线视频编辑功能，设计者可以在视频中加入带有超链接的注释，在视频的播放过程中，先根据剧情内容设计好注释出现的时间，再在观看者选择时链接到相应的视频，就大功告成了，非常简单，效果可以很赞。

比如：下面这个利用注释制作交互式视屏的案例（实则是心理咨询中心的广告）：

（2）、Flash

Flash相信大家都很熟悉，Flash视频嵌入技术据说在HTML5的盛行下已经日渐没落了，但是所谓“瘦死的骆驼比马大”，Flash在交互式视频方面几乎占据了100%的市场份额，这归功于它极强的拓展性，多平台的兼容性，制作的简易和灵活性。（据马海祥了解YouTube的视频编辑器使用的也是FLash技术）

这里向大家推荐的是设计师Olivier Otten设计的多达22个Flash交互式视频片段，全部都是探索性互动视频，很有乐趣，也许糅合其中几个点子，就能制作出一段完整的交互式视频了。

（3）、Creative coding

软件工程师可以拯救世界，这句话不是随便说说的。万能的Coding能实现各种令人意想不到的互动效果。最近工程师PetrosVrellis用openFrameworks（一种开源的C++Toolkit）实现了一段互动版的梵高名作《星空》（Starry Night），效果很震惊。视频中的演示是在触摸屏幕上运行的，很期待最终能它能以App的形式出现供大家欣赏把玩。

关于这段技术的实现，Petros介绍到：“我开发了一个能生成“流动”效果的算法，约有8万个点能随之运动速度场不是由电脑自动生成的，我不得不手动设置，要做到恰到好处非常困难，我在1920×1080的分辨率下获得了每秒30帧的画面，用的是intel i5-2500K的CPU以及geforce GTX560的显卡多点触控跟踪借助了ofxKinect和ofxOpenCV背景音乐花了很多心血，也有不少的运气成分。”

（4）、混合式

混合式也就是将以上所有提到的方法和类型自由组合进行创作的方法了，这常常能获得1+1>2的效果。

比如：YouTube上非常有名的一段广告“猎人与熊”（A hunter__a bear）就是采用了定制式结合会话式，YouTube注释再加Flash动画的手法。

还有更高科技的，360 °全景体验式互动视频，这种很类似于视频版的街景地图。

 4、交互式视频的前景

随着计算机技术、通信技术、信息编解码技术及大规模集成电路技术的飞速发展，多媒体网络通信与多媒体计算技术的融合有了很大的突破，人们对电子化社会服务的需求也日益增长，“随时随地地看自己想看的节目，了解自已希望知道的信息，购买自己所需要的商品”这已不再仅仅只是梦想，在某种程度上，正在成为现实（具体可查看马海祥博客的《基于视频和电商相结合的社会化导购网站构想》相关介绍），而交互式视频服务技术及其系统正是其必不可少的基础。

正如文章开头所说，最早的交互式视频来自广告创意，所以，商业市场上的应用前景自然是大大的看好。

事实证明用户很买这类互动体验的账，投资方经常能做到小成本大产出，相比传统媒体，它更容易将观众转化成你的顾客。

在美国，已经兴起了一批专业制作交互式视频的公司，他们的客户中不乏知名电视台，全球五百强和顶级奢侈品公司。

马海祥博客点评：

由于各种众所周知的原因，国内在线视频行业尚未达到如此发达的地步，但是以互联网发展的经验来看，中国市场对交互式视频制作的需求将会逐步提升，期待各界的创意工作者、设计师、工程师们的发力。