代码仓库地址

一、实验目标

1、掌握视频列表的切换方法；

2、掌握视频自动播放方法；

3、掌握视频随机颜色弹幕效果。

二、实验步骤

6.1 项目创建与初始化

创建模板函数，将原有的模板代码删除，留下框架进行后续编写

6.2 页面配置

组件配置

界面排布

显示效果

6.3 逻辑实现

a.组件修改

修改视频组件，添加弹幕、视频源

修改弹幕组件，绑定输入、发送函数

修改视频列表，显示列表元素

b.函数实现

修改数据，包括定义弹幕、视频地址，并导入视频信息

定义视频播放函数

定义弹幕获取及发送函数

定义函数获取随机颜色

三、程序运行结果

初始界面

视频播放

弹幕显示

注：
如果刚编译完成，打开视频时点击视频播放组件开始播放会导致弹幕无法显示，且会出现许多细小的问题
解决方法是不通过点击视频播放组件开始视频，而是多次点击视频列表组件开始播放