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和弹幕制作的内容,对小程序项目开发中的操作有了更深刻的理解。