介绍

提到互动视频，其实在国外很早就出现了，大家印象深刻的应该就是Netflix的《黑镜·潘达斯奈基》和《LATE SHTIT》互动剧，以黑镜为例：观众可以在观影中通过选择12个不同的结局影响剧情走向，产生令观众满意的结局，这种互动模式揭开了视频的又一新潮玩法，而这样的缺陷剧情太长，黑镜传统剧情走完一遍需要90分钟左右，如果你开启其他分支剧情，看完影片需要300多分钟。最近国内各家互联网大厂推出了自家的互动视频方案。今天我们来细说交互视频的前世今生，探讨下互动视频发展里程，讨论国内交互视频的发展现状及技术手段，以及如何制作自己的第一支交互视频。

第一支探索交互视频H5的出现

第一支探索交互视频的 H5，就是2016年由 dopemine 出品的《活口》，当时业内几乎没有见过类似的沉浸式、带交互的视频 H5案例，。后面腾讯TGideas出品《忘忧镇》这简直是打开了视频的新玩法：以剧情模式加互动游戏相结合的交互视频模式！

随着 HTML5 技术的发展以及各种可产出交互视频的设计工具的出现，交互式视频开始逐渐在移动端兴起，其中最重要的载体形式便是 H5 ，个人设计师借助专业交互工具，成功打造一批爆款的交互视频案例，如：《Dr.魏的这波操作我赌你破解不了！》，【燕之屋】匠系女神林志玲向你发出了求助电话 等。

这种将交互体验融入到线性的视频的新型视频 .，最初主要是由广告商赞助的广告视频，借用各种新奇的交互方式来吸引人们点击观看，增加产品的曝光度，可以认为是病毒营销一种 . 继第一支交互视频 H5 的刷屏走红之后，各大品牌与创意商们也都开始争相探索交互视频在 H5 上的运用，并产出了一系列优秀行业案例。

移动端交互视频火爆的 4 种形式

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

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

代表作品：《葫芦娃毁童年新番》出品：网易

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

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

《给张一山导一部戏》出品：穿越火线

3、交互视频结合游戏

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

代表作品《男同学最爱的APP终于上线》出品：W

4、交互视频结合VR / AR

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

代表作品 《QQ AR》 出品：腾讯

各大平台的标准与方案

B站：7月8日，bilibili宣布上线“互动视频”功能，这意味着B站创作者可以制作不同选项的互动式视频，用户可以像玩互动游戏一样，在B站“玩”视频。

以B站UP主“神奇的老皮”制作的互动视频“操控广场大妈拯救B站”为例，在视频中，玩家开局可以选择三位勇者去打大魔王，不过正确的选项只有一个那就是广场舞大妈。随着剧情的推进也会有各种各样的选项在等著玩家，玩家可以根据自己的喜好在游戏视频上选择自己想要的选项，玩家可以一边看弹幕/视频一边做出选择，不同的选择引导的剧情也是不同的。

爱奇艺为互动视频创作提供“方法论+工具”

此次发布的互动视频标准为互动视频创作提供全方位的理论与能力支持，也是爱奇艺对内容创作升级的一种探索。互动视频标准提供分支剧情、角色切换、画面信息探索等剧本结构设置，并提供与之对应的互动组件，帮助创作者实现丰富的故事情节。为了给用户提供更独特的体验，观众在较长时间跨度的一系列互动操作将形成“X因子”，不同的“X因子”会触发不同内容，以此提升互动结果的个性化和真实感。目前，互动视频平台已应用于爱奇艺互动视频创作，未来将逐步向更多创作者开放。

爱奇艺还推出IVP插件是基于非编软件运行的互动视频制作工具。它真正做到了将互动能力添加，与视频剪辑流程深度结合。使用IVP插件，您可以在PR中视频剪辑环节就轻松高效地为视频添加互动能力。

集交互优势于一身的H5创新应用设计工具

这里提到移动端交互设计工具是因为有很多互动视频的玩法都是移动端H5演变过来的，那有没有一种可能，用户提供视频内容+通过交互组件完成各种互动场景玩法，H5的优势是不受任何平台的限制，也就是你做的互动视频可以在B站、在腾讯、在爱奇艺、甚至在朋友圈都可以被播放。

每个页面对应一个互动视频组件，每页的互动组件可单独跳转不同分支的页面。

以饿了么交互视频制作模式演示：

互动视频的页面逻辑：

然后后台编辑器将拍摄好的视频逐段导入，在编辑器里完成交互逻辑与信息收集。

每个互动视频组件是一个节点，与页面对应关系如图所示：

每个节点视频可设置多个X因子，并且具备多种触发器。

借助交互设计工具Epub360，可以轻松制作个人互动短视频。还有是一些该工具创作者们完成的一些非常好的交互短视频案列（手机打开下列链接即可体验）；

• 与刘宇宁视频通话
• 杭州不能说的行业秘密-全球首部人力行业互动电影
• 【燕之屋】匠系女神林志玲向你发出了求助电话
• Dr.魏的这波操作我赌你破解不了！

演示交互视频制作过程

交互视频其实就是按照流程图分叉剧情，多个不同剧情的片段之间可以选择跳转，不同的选择呈现不同的剧情走向结果。

拍摄短视频时按照下面这张图逻辑图拍摄会导致不同的分支剧情剧情：

走分支剧情1:今天和女友吵架，我骂了她，结果她要和我分手。

走分支剧情2-分支剧情4:今天和女友吵架，我们冷战，结果她要和我分手。

走分支剧情2-分支剧情5:今天和女友吵架，我们冷战，结果我们和好了。

走分支剧情3:今天和女友吵架，我哄了她，结果和她和好。

1.登录Epub360软件创建一个H5作品后进入编辑器插入视频组件，注意：本地视频组件是该平台的付费功能，刚注册的小伙伴可以用腾讯视频组件代替。

2.将预先分好的4段剧情视频素材分别上传并且插入到页面中勾选初始隐藏，插入三个文字按钮用于设置跳转不同的分岔剧情。

3.在第一个开场剧情视频播放结束时显示三个跳转分支剧情的三个按钮。

4.为三个按钮分别设置播放对应分支剧情视频的触发器如图所示。

这样一个简单的交互视频Demo就完成了。手机浏览器打开这个互动视频例子可以体验，

这里只说明功能操作，具体的视频内容创意和平面UI设计靠大家去优化和想象，这里不要赘述！

短视频赛道已经成熟，软硬件已经支持，用户已经养成了习惯，短视频下一代形态是什么 ？长剧情互动剧这种拍摄成本很高，短视频带交互对一般创作者比较友好。比如最简答的就是问答类的互动短视频，抛出一个引人思考的问题，给出几种不同的视频选项，这个会一点剪辑的人都可以完成。

视频行业的高速发展超乎想象，视频正在成为重要的媒介载体和内容表现形式，已经衍生出视频+社交、视频+电商、视频+综合资讯、视频+垂直媒体等内容新玩法，在多领域的渗透融合在引领着互联网的行业变革。而当这些玩法已经成为常态下时，视频不会只在内容方面玩出新花样，未来在表现形式上会有更多创意玩法，交互视频会是视频发展的新选择之一！一起期待B站、腾讯视频、爱奇艺、交互工具等如何引领交互视频的变革！

分享不易，如果教程对你有用就点个赞呗！更多adobe软件教程、高效率办公操作、运营干货、资源分享等请关注我的知乎专栏「运营人与工具控」谢谢。