自16年4月,宝马H5横空出世、一夜之间刷爆朋友圈,视频H5就渐渐成为H5分支中非常重要的一个部分,小编统计了一下,截止目前,整个H5行业已经出品了近500支视频类H5!!!
这么多牛逼的视频H5,到底是怎么做出来的呢?就意派Epub360来说,制作视频H5的流程通常都是这样滴:
第一步 准备好视频素材,用PS、AI、PR、AE等专业工具进行剪辑、后期特效合成等工作。
这部分发挥完全是靠派友们的专业能力,小编就不展开了...
第二步 前期辛苦完成的视频,只要一个步骤就能上传到意派Epub360里:
在这里,小编将同一支视频分别用腾讯视频和本地视频组件上传,预览效果如下:
腾讯视频组件相当于添加视频外链,所以会出现腾讯方面的广告以及清晰度等问题。强烈建议,上传的本地视频最好不要超过50m,否则容易导致H5打开后闪退、空白等情况。不过,仅仅了解这些基本的制作流程还不够,小编总结了市面上视频类H5的几种刷屏技巧:
这股魔性风潮的起源,自然就是去年7月由腾讯TGideas出品、刷上天的H5《穿越故宫来看你》。在之前的六一特辑中,小编也提到过,说到这里,就必须要提下Epub360平台上神一般的设计师——magic(意派ID:三人游创意坊)就深谙此类魔性刷屏H5的套路。
这是magic大神为花椒直播创作的三支视频H5,充分把握了花椒作为直播平台“娱乐至上”的精髓,在H5中以酷炫闪瞎狗眼的特效画面,配上魔性洗脑的嘻哈RAP,本小编也就看了几百遍而已...
友情提示,画面较污 ,18岁以下的未成年禁止观看哦,老司机们请随意哈哈!
今年3月,两会期间央广出品的《王小艺朋友圈》H5,上线几小时立马冲破百万pv,着实可见用户普遍对模拟微信场景的接受程度较高,也更受欢迎。
为此,意派Epub360特意提供了综合型模版《秦孝公邀你进来群聊》,全面涵盖了模拟群聊和模拟朋友圈~除此之外,还有模拟手机通话、视频播放界面、公众号等...
3D这种黑科技,在H5中早有尝试了,像《这可能是地球上最美的H5》,不仅克服了早期3D类H5饱受诟病的不流畅体验,且画面更为精致细腻意派的推荐设计师怪熊叔叔(意派ID:鱼刺创意)就耗费数月时间,精心打造出一支3D的 H5《口袋白鲸》。其实,这支H5只有最后一段采用了视频模式,前面均采取了意派特色的功能组件序列帧来进行播放。
这也体现出了视频的一个局限性,虽然视频在音画同步方面的体验较好,但终究只能作为纯视频进行观赏,缺少了与用户之间的交流互动,效果不好的话甚至会变成H5单方面的自嗨。而序列帧却能精确控制每一帧的触发动作,比如《口袋白鲸》中,用户可以通过不同手势来心触发白鲸进行相应的动作,这一点是视频所做不到的。
除了采用序列帧的方式加强与用户交流互动外,对于解决视频的交互性差的问题,腾讯、阿里等大厂们给出了自己的答案...穿越火线与品客联合出品的视频H5,通过长按点击屏幕中间的按钮来切换两支视频:
同时为了消除用户长按点击的枯燥感,还特意在长按后的视频中营造了一种”伪交互“的感觉。天猫出品的《地球上的另一个你》在本质上也是双视频切换的玩法,只是触发方式和上面两支不同,采用了重力感应的方式:
手机向上移动是一支视频,向下移动却是另一支视频,体现了理想与现实两种不同的生活方式。
自去年11月《活口》爆火之后,这种全新的交互式视频H5,以其强烈的用户代入感打破了过往视频H5弱交互的局限性,或将成为未来H5发展的一种新模式。
如何完美适配市面上大部分手机,以确保苹果、安卓相同的用户体验,对于视频H5来说,这是个必须去解决的坑。为了解决视频适配的问题,意派Epub360上线了针对视频组件的填充模式和适配基准点设置。
最后勾选“微信ios首页视频自动播放”,H5中的视频就能自动播放啦。
关注更多H5设计、案例、资讯
10
意派-Coolsite360 | 网页设计工具
自助建站、响应式网页、微信小程序 制作工具 -意派Coolsite360意派-Epub360 | H5页面制作工具
玻璃钢生产厂家玻璃钢雕塑女裸体湛江玻璃钢雕塑源头好货江苏户内玻璃钢雕塑优势甘南玻璃钢雕塑订做长沙大型玻璃钢雕塑北京玻璃钢蚂蚁乐队雕塑揭阳广场玻璃钢雕塑蕉岭玻璃钢花盆花器中山玻璃钢雕塑厂家电话运城抽象校园玻璃钢雕塑公司佛山会发光的玻璃钢雕塑厂家电话售卖玻璃钢艺术雕塑温州玻璃钢卡通雕塑厂家价格济南玻璃钢花盆采购惠州园林玻璃钢雕塑驻马店玻璃钢学校雕塑镜面校园玻璃钢雕塑定做公园水景玻璃钢彩绘雕塑小品玻璃钢蔬菜雕塑公司青海玻璃钢雕塑供应上海玻璃钢抽象艺术雕塑摆件无锡拉丝玻璃钢雕塑制造厂家玻璃钢花盆装饰柜玻璃钢雕塑怎样容易茂名玻璃钢卡通雕塑公园玻璃钢景观雕塑制作揭阳玻璃钢动物雕塑源头好货郑州玻璃钢雕塑哪家好商场中庭美陈吊饰道具玻璃钢雕塑定做厂北京香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万