教程真的能播放视频的视频原型抖音案例

　　今天和大家分享一个视频分享app的demo，包括播放视频、关注、点赞、评论、转发分享等功能。该原型交互效果齐全，使用也简单，只需要填写中继器表格即可。所以推荐给大家使用，喜欢原型或者有疑问的小伙伴们可以在下方评论处给我留言哦。
　　大家查看原型的时候，打开电脑可以听到视频声音哦。
　　效果演示
　　1。播放视频
　　2。上下滑动切换视频
　　3。关注
　　4。点赞
　　双击屏幕或点红心点赞：
　　5。查看评论
　　每一个有自己对应的评论，也是用中继器可编辑评论内容。
　　6。发表评论
　　7。转发分享
　　使用说明
　　该原型填写中继器表格即可直接使用。
　　注意：除了图片之外，其他文件要有url，即需要提前将文件上传至网络。
　　视频中继器：
　　评论中继器：
　　注意video是对应视频中继器中videoname的评论。
　　制作方法
　　1。视频准备
　　将你需要的视频传到网上，然后记住它的地址。
　　2。视频中继器
　　材料：连内联框，头像图片，爱心图标，评论图片，转发图标，点赞数、评论数、转发数文本，号红圈。
　　如下图摆放：
　　表格和交互：
　　videoname：视频的名称（下面做评论中继器的时候需要用到的）；
　　url：视频的地址，每项加载时设置内联框架打开此地址；
　　picture：头像，插入图片即可。每项加载时设置头像图片为此内容；
　　点赞：每项加载时，设置点赞数文本等于该值；
　　评论：每项加载时，设置评论数文本等于该值；
　　转发：每项加载时，设置转发数文本等于该值。
　　上下滑动切换视频的交互：
　　首先需要设置中继器分页显示，每页显示一项。然后需要利用动态面板，设置向下滑动结束时，设置中继器当前页为next；向上活动结束时，设置中继器当前页为previous。
　　关注的交互：
　　鼠标单击号时，设置该文字为，等待2000ms，隐藏this，即可完成。
　　点赞的交互：
　　点击红心是切换红心的选择状态。未选中为白色，选中为红色，选中时，点赞数1，取消选中时，点赞数1，双击屏幕选中红心。
　　评论的交互：
　　点击评论图标，显示评论组合，评论组合下一部分讲。
　　分享的交互：
　　点击分享图标显示分享组合，分享组合用图片和文本框制作即可，如下图所示：
　　点击图标的时候，我们做一个模拟的效果，弹出toast：发送中，等待2秒，设置toast：已发送。隐藏toast和分享组合。
　　点击取消时，隐藏分享组合。
　　3。评论中继器
　　中继器内材料：评论者头像图片名称，内容，心图标，点赞数。
　　如下图摆放：
　　表格和交互：
　　video：点击视频中继器评论按钮时，对该中继器进行筛选，videovideoname，即筛选出该条视频的评论。
　　picture：每项加载时，设置评论者头像等于此值。
　　name：每项加载时，设置评论者名称等于此值。
　　text：每项加载时，设置内容等于此值。
　　zan：每项加载时，设置点赞数等于此值。点赞的交互和上面一致，就不详细讲了。
　　添加评论的交互
　　这个交互其实很简单，大家参考我之前的文章Axure教程：用中继器做聊天对话界面
　　今天的分享到这里就结束了，喜欢原型或者有疑问的小伙伴们可以在下方评论处给我留言哦，我们下期见。