2022年夏季《移动软件开发》实验报告

（备注：将实验报告发布在博客、代码公开至 github 是 加分项，不是必须做的）

一、实验目标

1、掌握视频列表的切换方法；2、掌握视频自动播放方法；3、掌握视频随机颜色弹幕效果。

二、实验步骤

1.项目创建

2.页面配置

​ 这两部和之前的实验一样配置即可

3.视图设计

​ 1.导航栏设计

​

​ 2.页面设计

​ 视频播放器的组件前期设置

​ 在弹幕区域用到input组件

​

​

​

​ 提前把可能用到的组间布局设置好

​

​ 提前设置好视频列表里用于展示的List数组

​

​ 实现视频列表中重复组件的逻辑，用wx:for实现循环

​

​ 更新videoBar中的内容和操作,将其绑定一个playVideo函数（后续逻辑实现用于播放视频）

​

​ 将弹幕区域的button组件绑定sendDanmu函数用于发射弹幕，input组件绑定getDanmu用于获取弹幕内容

​

3.逻辑实现

​ data中增加两个变量

​

​ 在onLoad中创建并初始化视频播放类

​ 编写playVideo函数，先暂停之前播放的视频，重新更新视频地址，播放新视频

​

​ 更新视频地址

​

​ 编写发射弹幕函数和获取弹幕函数，getDanmu中用得到的内容更新danmutext变量sendDanmu将内容发送出去

​

​ 编写随机发送颜色弹幕的函数

​

三、程序运行结果

四、问题总结与体会

遇到的问题：
按流程编写后，弹幕不能显示在视频区域内

解决方法：
发现videooCtx变量没有绑定到视频组件上，解决后即可

体会：学到了video，input等新的组件，以后再编写小程序是可以灵活运用

标签：视频,函数,Mobile,绑定,terminal,experiment,组件,播放,弹幕
来源： https://www.cnblogs.com/wang-si-en/p/16607146.html