移动软件开发实验4视频播放小程序

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

| 实验名称？ | 实验4：视频播放小程序 |
| 博客地址？ | blog.csdn.net/astroiszz |
| Github仓库地址？ |gitee.com/astrome |

一、实验目标

1、掌握视频API的操作方法。

2、掌握如何发送随机颜色的弹幕。

二、实验步骤

1.页面组件与样式设计

处理模板，删去不必要内容并添加必要项。

对导航栏的样式进行设计。

在处理好的空白模板中进行组件添加，页面包含三个组件，分别是视频、弹幕输入框和视频列表。

各组件进行样式设计。

效果如下。

接下来对视频列表进行详细设计。

至此完成了对列表每一行样式的设计，接下来需要让列表展示多个视频。\
在data中添加视频列表的数据。

通过wx：for循环添加列表中的待播放视频。

2.视频播放逻辑实现

在onLoad函数中添加视频上下文以控制播放，并添加逻辑函数。

修改组件video，使视频组件能获得视频资源。

修改view组件，将事件绑定到playVideo函数。

可播放视频。

3.弹幕发送逻辑实现

在data中添加字段danmutxt。

修改组件，绑定事件到函数。
添加逻辑函数。

至此可以发送红色弹幕。\
添加函数，随机生成颜色。

修改sendDanmu中的弹幕颜色，调用getRandonColor。

现在可以发送随机颜色的弹幕。

三、程序运行结果

四、问题总结与体会

本次实验通过制作弹幕视频播放小程序，熟悉了小程序制作中视频API和弹幕制作的内容，对小程序项目开发中的操作有了更深刻的理解。