即速应用【新版编辑器】视频组件、视频列表组件教程

2020-11-19

观看此功能视频教程请点击:http://school.jisuapp.cn/courses/151-6.html

功能说明:即速应用视频分为视频组件以及视频列表组件两种,可实现后台上传视频
【视频组件】:前端直接点击播放视频功能,不会进入到视频详情页
【视频列表组件】:可设置付费或免费播放视频,点击播放进入视频详情页有收藏视频、开启弹幕及评论等基础功能,实现用户边观看边互动的效果
注:商家(用户)要想成功开启视频功能,需保证有足够的流量和空间
一、小程序视频空间/费用全局规则 1.咫尺空间及流量续费标准
1.png

注意:体验版不能使用视频的付费功能
2.空间、流量使用注意项
文件上传到视频库会占用一个此文件的空间,新建“视频列表”调用“视频库视频文件”就会复制个此文件,就会占用对应的空间
例:
流量:用户播放过程中所消耗的流量,如一个视频大小为100M,用户播放完这个视频,往往大于100M,因为有网络加载的原因
空间:视频空间大小,如空间大小为10G,上传一个视频为200M,选择调用视频又占用200M,等于已用了400M,那么还剩9.6G的空间
3.套餐购买注意项
购买(高版本或者低版本)套餐会一次性赠送对应版本的流量。由于流量查询有时差(24小时),则需商家的可用剩余流量大于10G才能正常播放,购买流量如未使用则永久生效。当前账号空间按照最高版本的套餐空间加上续费空间使用,购买(高版本或者低版本)的套餐,空间变为对应版本的空间大小,空间以月份为单位进行使用
购买套餐,一开始是没有空间的,需要过8个小时左右(具体生效时间视情况而定),空间才会生效
4.流量提醒规则
当剩余流量低于15G时,会收到咫尺的充值短信提醒消息,每天提醒一次。如前天对应账号的流量日志有变化时,第二天会有消息继续提醒
5.空间提醒规则
用户文件超出可用空间时,会有提醒商家扩充空间的提醒,每日提醒一次,最长保存15天的文件,如未及时充值系统会随机删除多余部分文件
6.套餐赠送规则
咫尺后台给账号赠送套餐时,赠送的视频流量按照每年372天计算,按照当前的套餐流量平均到每天再乘以赠送的套餐天数;流量数据精确到0.1位,小于等于5舍去,大于5进位 (比如:0.05取0,0.06取0.1)
7.弹幕刷新规则
弹幕刷新只有拖拽进度条的时候才能刷新当前时间点之前的弹幕数据
8.申请高级版7天试用的套餐
有套餐空间但无赠送流量,如需体验视频功能需充值流量
二、视频上传注意事项
①上传的视频不可大于1G
②套餐体验期为7天时,没有流量、空间,用户若想使用需另外付费购买流量、空间
③视频横滑样式最多展示10条数据,其他三种样式支持展示更多数据
④视频列表勾选隐藏评分、播放次数,仅在列表页隐藏,视频详情页不隐藏
⑤轮播图可绑定视频,但体验较差一些,点击后悬浮于页面播放
⑥付费视频付费后,才可评价
⑦弹幕不支持webapp,仅支持开发者工具、上线后显示
⑧在个人中心充值流量、空间,最低充值额度均为50G
⑨间按每月计算,当月购买的空间仅在当月有效,假如在29号购买空间,仅在当月剩余的时间有效
⑩小程序转让前,流量、空间算在当前账号;转让后,从转让时间起,流量、空间算在新的账户上
①①用户购买视频下单未付款,未付款的视频订单20分钟后自动取消。即 20分钟内,视频销量+1,20分钟后恢复
①②用户勿上传黄、赌、毒、涉及公众人物虚假的视频
三、视频功能组件充值
①登录咫尺官网进入【个人中心】,查看对应的流量及空间数据,点击【视频流量】字段可进入到对应的充值
3.1.png②点击【充值】,为对应的账号充入对应的空间及流量(不可用微币)
3.2.png③用户视频流量/空间充值查询入口-【个人中心】-【视频流量】的字段上
3.3.png3.3.1.png
四、小程序视频功能教程
1. 视频组件教程
①前端【编辑页面】-【组件库】-【视频】,添加视频组件
图片1.png②视频内容的选择
【网页应用】:只支持webapp,即不上线的小程序,所以不推荐选择这个
图片13.png

【小程序】-【源文件】:前提要有自己的服务器
如何获取视频源文件链接教程可查看:
http://bbs.zhichiwangluo.com/forum.php?mod=viewthread&tid=13023
图片2.png

【小程序】-【腾讯视频链接】:属于腾讯官方的视频,只能播放3分钟
图片3.png

【小程序】-【视频库】-【添加视频】:直接调用本地视频上传到视频库获取视频
图片4.png图片16.png
③保存、打包到开发者工具预览
1 (1).png

2. 视频列表组件教程
①前端【编辑页面】-【组件库】-【高级列表】-【视频】/【编辑器页面】-【组件库】-【视频】,选择视频组件,切换至视频列表
图片18.png图片17.png
②进入小程序【新版管理后台】
【功能模块】-【视频库】-【全部视频】:显示账号下所有的视频,可以进行分组、添加视频,查看整个视频的数据情况
3.2-1.png【上传视频】:点击【上传视频】-【选择本地视频】-输入视频信息【名称和预览图】-视频上传至视频库
3.2-2.png【分组】:视频的分组,可以将视频分组(一级分类)
【视频信息】:显示视频时长、所占空间大小、消耗流量、播放次数。
鼠标移入视频可以进行操作:【编辑】(修改视频信息)、【分组】、【删除】(删除视频,若视频组件和轮播中使用该视频,小程序端将无法播放)、【预览】(预览视频)
3.2-3.png【总数据统计】:统计账号下视频的数据情况
3.2-4.png3.2-5.png3.2-6.png

【功能模块】-【视频库】-【使用视频】:该咫尺app下使用的视频,会在此进行展示。
3.2-7.png【视频列表】-【视频管理】:添加视频,对视频进行管理。视频可设置为付费或免费
3.2-8.png【视频列表】-【视频管理】-【添加视频】:可选择视频库视频、腾讯视频链接或源视频文件链接(注:源视频文件链接是指自己服务器上,可供外部直接下载播放的视频链接),输入视频的信息,以及选择视频是否需要进行付费,可开启视频评论、弹幕以及视频关联推荐。
3.2-9.png815531894849871221.png图片2 (1).png3.2-10.png【视频列表】-【视频管理】-【视频评论管理】:视频评论查看以及回复
3.2-11.png【视频列表】-【视频管理】-【视频订单管理】:视频订单情况
3.2-12.png③返回【编辑页面】,刷新页面后选择【视频分类】
3.2-13.png④预览效果
3.2-14.png

观看此功能视频教程请点击:http://school.jisuapp.cn/courses/151-6.html

分享
写评论...