等了这么久,用小程序看视频终于更顺滑了

创造未来
创造未来
创造未来
686
文章
0
评论
2019年9月25日09:31:13等了这么久,用小程序看视频终于更顺滑了已关闭评论 已被3 人盯上 2661字阅读8分52秒

枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ


你在用小程序看视频的时候,遇到过这样的问题吗?


要么在视频上点击分享等按钮后,视频播放突然异常卡顿;

要么按钮与视频完全不在同一页,十分“割裂”;

要么根本就找不到这些按钮;

……


小程序之所以在视频的体验上遇到这些问题,是因为分享等按钮与视频并不在同一层,两者不能同步渲染,因此,也就不能在视频播放的同时直接操作其他功能。


现在,微信上线了“突破性”的交互方式,用户可以点击“悬浮”在视频播放页上的按钮,而不影响视频流畅播放,甚至就像“画中画”一样,从而实现了“即看即点”。


而这背后最大的功臣,便是「video同层渲染」能力。


那么,「video同层渲染」能力是如何实现“即看即点”的呢?本期《小程序说·能力百科全书》,我们请来快手短视频糖豆视频小打卡等。看看他们是如何利用这一能力在视频互动上大展身手,从而提升用户留存的。



1

快手


提升“老铁”体验,带来更多商业价值


“双击666!感谢老铁送的火箭!


不用说,你肯定知道这句话是来自快手短视频尴尬的是,当用户在小程序上浏览短视频或直播的时候,这些功能却玩不了。


这一问题确实给快手小程序团队带来不少烦恼,毕竟,没有“老铁文化”,就不叫快手了。“之前,覆盖在视频上面的点赞、送礼物等按钮,都会导致页面卡顿、动画效果不能实现等”,快手小程序前端负责人宋长安告诉我们。


当时,快手的第一版解决方案是,把这些按钮放在视频下方,从而避免与视频重合,虽然会有一定的割裂感,但也只能如此。


上线「video同层渲染」能力之后,它可以实现视频上“悬浮”的按钮与视频同步渲染,也就不会出现以上所提到的“画面卡顿问题”。点赞、分享、送礼物等功能更沉浸式,复杂动画效果也有了,“双击666”也终于回来了。


枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

点击图片可跳转小程序


另外,相较于此前的“割裂感”,现在体验上也好很多,尤其是沉浸式的体验会让用户产生一种使用独立App的“错觉”。


操作成本降低和体验优化之后,用户留存自然也就会有很大提升。“虽然快手小程序才刚刚接入这个能力,但在留存上,我们预期会带来5%以上的增幅”,宋长安肯定地和我们说。


当然,不仅是在短视频体验上,在快手核心业务——直播上,「video同层渲染」也能起到很好的效果。比如,可以做更多酷炫好玩、声临其境的送礼物动画效果,引导用户充值和送礼,带来商业变现价值。


在快手看来,正是有了这一能力,这些“悬浮”在视频上的按钮就能与视频本身同时渲染,从而不影响视频播放。因此,未来就可以做更多商业上的探索,比如推送企业广告、主播在直播间上添加商品等。



2

糖豆视频


视频播放量“直线”上升的秘密


只要有“广场”的地方,就一定有广场舞。


现在,小程序上也有广场舞了,糖豆视频就是这样一款广场舞分享教学的小程序。


在前段时间,他们遇到了一个问题,爱跳广场舞的阿姨看到好玩有趣的跳舞视频,却总也找不到分享与收藏的按钮,无法分享给自己的好姐妹。


“碰到这一问题,我们尝试过把分享、收藏这些按钮放在视频播放页上。但由于它们是两层的,没法同步渲染,视频播放就会变得非常卡顿,体验特别不好”。糖豆小程序业务负责人周涛告诉我们,“所以,也是不得已才将这些按钮与视频分开,放在了视频下方。


枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

点击图片可跳转小程序


「video同层渲染」能力的上线,解救了广场舞阿姨们。


具体来说,这一能力可以实现视频播放时的“悬浮”按钮与视频同步渲染,用户可以在视频上直接点击分享或收藏,视频播放也不受影响。而且,视频也就可以“放心地”全屏展示了,视觉效果也好很多。


“我们目前仍处于小范围内测阶段,接入「video同层渲染」后,这部分内测用户的人均视频播放数从2.9提升到了4.5。”周涛开心地告诉我们。


有了这项能力,糖豆视频还推出了一些好玩的功能。比如,用户直接上传照片就可以快速生成视频,这对于年长的用户来说,十分实用;还可以直接在视频播放页添加商品,用户可以边看视频边买舞蹈老师推荐的商品,也获得了更多商业化的可能。



3

小打卡


让视频也能打卡,让工具更有趣


「video同层渲染」能力帮我们实现了内容的闭环。小打卡创始人徐佳义说。


在小打卡上,越来越多的用户习惯用视频来记录生活,但是直接播放用户上传的视频会很单调,比如美食健身、手工手帐、练字绘画、学吉他钢琴的过程等等,就需要更多趣味性的东西。


“用户有这个需求,我们之前也尝试过一些办法,比如在视频上加一些贴图效果,但由于视频与贴图不能同步渲染,所以效果和体验都特别不好”,徐佳义之前一直在愁这个问题,“这样也就降低了用户发布视频的欲望。


接入「video同层渲染」这项能力之后,在视频上添加的贴纸、相框等效果就可以和视频同步渲染了,而且这些效果还能动起来,所以体验上就会好很多,用户发视频的时候也就没那么枯燥了。


枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

点击图片可跳转小程序


借助这个能力,小打卡还做了很多有趣的玩法。比如,在视频播放时双击点赞、评论通过弹幕的方式在视频播放页展示出来,以及在视频中添加“问答”的玩法来拓展与用户的互动方式等等


“视频有了更好的展现效果、互动性、趣味性,也就会有更多用户点击观看与互动,从而反向促使用户去创造更多优质内容,所以,这个能力是帮助我们实现了内容闭环”徐佳义说。


当然,在用户留存的提升上,这项功能也确实为小打卡带来不小的优化,比如,在用户浏览视频停留时长上,就有了一倍以上的增长



Tips

给开发者的一些建议



·「video同层渲染」目前存在一些兼容性问题,所以需要在组件中进行版本判断(2.4.0+),输出对应的方案,使用的时候可以关注下用户的基础库版本;


· 切换视频的时候,容易出现黑屏问题,原因是切换至下一个视频的时候,有一段缓冲的等待时间。所以,需要设置视频的预加载


· 在不影响用户体验的情况下,尽可能的压缩媒体资源文件,因为它最容易消耗内存。


本期《小程序说·能力百科全书》介绍的「video同层渲染」能力,大家看过之后都有哪些启发?欢迎留言或进入社区与我们交流。需要接入的话,请参考《开发文档》


当然,如果你有在能力运用上的新想法、案例,或者数据,以及开发过程中遇到的疑问,都可以通过填写下方问卷与我们联系。


点击填写问卷


往期推荐


枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

微信公开课

微信ID:wx-gongkaike

枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

1.点击历史信息,查看更多内容

2.长按右侧二维码,关注微信公开课

长按二维码关注


枣庄滕州睿博网络服务工作室专注枣庄和枣庄滕州地区的企业网站建设定制开发服务及各大平台(百度微信支付宝头条抖音)小程序开发定制。小程序免费体验。主营各类型软件系统定制开发,各平台各行业类型的小程序定制开发制作,网站系统开发定制及建设、推广,各大知名品牌网站服务器的代理销售,联系方式:微信(qq):541074440,手机号15563204499
继续阅读
weinxin
我的微信
这是我的微信扫一扫
  • 本文由 发表于 2019年9月25日09:31:13
  • 除非特殊声明,本站文章均为网络收集,如侵犯您的权益可联系邮箱:541074440@qq.com
抖音电商小程序入驻标准(试运行版) 抖音小程序

抖音电商小程序入驻标准(试运行版)

各位开发者,你们好: 为规范电商小程序上线,特制定以下入驻标准,符合标准的小程序在审核后可自动上线到抖音端,请认真阅读,再次感谢您对字节小程序平台的支持与关注。 备注:抖音电商类小程序入驻处于启动阶段,为降低风险,试运行期间标准较高,后续铺开后将根据运营状况及时调整,其他接入方案也在同步推进中,敬请期待。 类目准入标准 1.品牌电商类 1.1 天猫旗舰店/京东旗舰店/拼多多旗舰店任意平台粉丝数大于...
实名验证、分时预约,旅游行业复苏更需要这个! 滕州小程序开发

实名验证、分时预约,旅游行业复苏更需要这个!

经历过毫无防备的退订潮,文旅行业现在面临着新的“复苏”议题。 如何进行安全有序的复工?怎样分时预约,做到游客实名可回溯?即将到来的五一、端午“报复性”旅游如何应对? 这份指南请收好↓↓↓
@所有小程序开发者,手机上就能给小程序提审加急 滕州小程序开发

@所有小程序开发者,手机上就能给小程序提审加急

你有试过在下班路上,小程序突然要加急提审,但身边又没有电脑吗?别愁,今天给大家分享个“福利”:即日起,小程序开发者在手机端的小程序助手,可以提交小程序代码审核、加急或撤回代码审核、设置体验版小程序了。|提交代码审核和查看审核版本,可以很轻松紧急的提审时,打开小程序助手,手机上轻松提交代码审核。但目前还不支持小游戏类型的代码审核。提交审核后,想了解最新的审核消息。你可以在小程序助手内,快速查看近期审...
专业提供各种“代发钱”服务 滕州微信小程序资讯

专业提供各种“代发钱”服务

各位市民、街坊、老乡:大家好。是的,你没看错微信多了个新技能——“代发钱”。疫情逐渐退散,盼望着盼望着,吃吃吃、买买买、浪浪浪的好日子来了!由各地政府、机关事业单位发放的一大波“消费券”也正在袭来,微信为此提供专业的“代发钱“服务。当地朋友们在微信钱包、微信卡包或微信支付公众号菜单栏等就有机会领取到,用微信支付还能自动减免。该项服务现已火热开张,今天收到一张湖南的大单!3月26日,湖南省总工会宣布...