B站爆款互动视频,用意派Epub360也能做!

HTML5创意营销

2020/08/27

+关注

前段时间在追《三十而已》,这段时间在追《以家人之名》,虽然故事不一样,但都被里面的角色气到跳脚,恨不得直接跟编剧对线:“笔给我,我来写!”事实证明,有梦想谁都了不起,昨天偶然在B站看了一部名为《摩玉玄奇》的宫廷剧,感觉自己真成了“编剧”~从剧情走向到人物命运,都可以由我说了算(实不相瞒,本资深宫廷剧达人竟然没活过第一集)!

打开APP,查看更多精彩图片

▲图片源自《摩玉玄奇》

《摩玉玄奇》主要以互动视频的形式让观众解锁各种剧情,具有支线多、选项多、结局多的特点。该剧主演在知乎问答中表示,自己大概拍了100多种结局。

事实上,互动视频并不是一个新概念,无论是影视制作还是H5广告,都早已开始研究起它的无限潜力,并产出了一系列为人津津乐道的行业案例了。相信很多派友都知道,在意派Epub360的H5案例库中,就有一些不错的交互视频H5,例如:《Dr.魏的这波操作我赌你破解不了!》等。

▲图为各种优秀的互动视频H5案例合集

如果你到现在还没注意到互动视频这种爆款创意形式,那就赶紧一起来简单了解一下吧!

互动视频是什么?

顾名思义,互动视频是一种可在观看过程与用户产生互动的视频类型,它摒弃了传统视频的单线结构,兼具视频和游戏属性,可通过多种互动表现手法增强观看者的代入感。

近年来,爱奇艺、优酷、腾讯、B站等大型平台都在积极开展针对互动视频的专业布局,并取得了一定的成效。

▲图为B站用户自制的一系列脑洞大开的互动视频作品

互动视频的常见交互形式

①分支剧情选择

观众可基于自身立场或偏好进行不同选择,从而影响剧情发展。以这种交互形式为特色的影视剧还是比较丰富的,除了《摩玉玄奇》以外,还有《黑镜:潘达斯奈基》、《他的微笑》、《爱情公寓5》第13集等。

▲图片源自《爱情公寓5》第13集《弹幕空间》

②探索画面关键信息

此类视频主要将各种关键信息加入主视频中,并通过自然沉浸的方式提示、引导观众去进行相关互动。例如,在互动微剧《明星大侦探之头号嫌疑人》中,用户便可畅享收集线索、提审嫌疑人等沉浸式的趣味玩法。

▲图片源自《明星大侦探之头号嫌疑人》

③多视角切换

观众可在多个视角间进行切换,进而从不同的角色、位置等方面获得相应的视觉体验。例如,在《青春有你2》位置测评舞台纯享视频中,手机画面便被分成了两个部分,左边为全舞台主视频,右边为可供用户选择的训练生个人直拍视频。用户可随意选择视角,以防错过每一个精彩瞬间。

▲图片源自爱奇艺

除了以上三种常见的交互形式外,互动视频还有很多不同的创意玩法。而随着H5技术的发展,互动视频早已不再是大平台及影视圈的专利。当各种可产出交互视频H5的设计工具相继出现并日趋完善,各大品牌与创意商们便开始争相探索交互视频在H5中的运用。

其实,要想自制一款互动视频H5并不难,我们可以借助意派Epub360来实现。

如何用意派Epub360制作互动视频H5?

为了让大家更好地了解意派Epub360在互动视频H5制作方面的操作方式,下面,我们就用一个简单的案例稍作说明。

▲案例逻辑图

1、案例分支剧情如下▼

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

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

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

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

2、案例具体操作步骤如下▼

①登录意派Epub360,先创建好一个H5作品并进入编辑器,再找到视频组件(由于本地视频组件属于付费功能,因此,刚注册的小伙伴可以先用腾讯视频组件代替)。

②通过视频组件上传预先准备好的4段视频素材,并将其插入到页面中后,再勾选初始隐藏,然后插入三个文字按钮,以用于设置跳转不同的分岔剧情。

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

④为三个按钮分别设置播放对应分支剧情视频的触发器。

到这里,一个简单的互动视频H5 Demo(互动视频制作例子)就完成了。

以上只是对于功能操作的简单说明,若想制作一个优质的互动视频H5,还需在内容创意和平面设计等方面进行优化!欢迎感兴趣的小伙伴登陆意派官网进行实际操作~

展开全文 打开搜狐新闻APP,紧跟时事热点

大家都在聊

推荐阅读

热门评论

相关推荐

热门视频

查看更多视频

热点搜索

今日最热

进入首页·查看全网最热新闻