ouc移动软件开发实验四

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

一、实验目标

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

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

二、实验步骤

关键步骤：

1、项目创建：首先创建一个项目。

2、页面配置：

a.创建页面文件：在项目中创建新的页面文件。

b.删除和修改文件：根据需要删除或修改项目中的其他文件。

c. 创建其他文件：根据需要创建其他文件.

3、视图设计：

a. 导航栏设计：设计一个简洁的导航栏，包含实验的标题和相关链接。

b. 页面设计：设计一个展示视频列表的页面，包括视频缩略图、标题等信息。

4、逻辑实现：

a. 更新播放列表：使用JavaScript获取视频列表数据，并将其渲染到页面上。

b. 点击播放视频：为每个视频添加点击事件，当用户点击某个视频时，播放该视频。

c. 发送弹幕：实现一个弹幕功能，用户可以在观看视频时发送弹幕。

代码分析：

1、在data对象中定义了两个属性：danmuTxt用于存储用户输入的弹幕内容，list用于存储视频列表数据。

2、playVideo函数用于播放用户点击的视频。首先停止当前正在播放的视频（如果有），然后设置新的视频源并开始播放。

3、getDanmu函数用于获取用户输入的弹幕内容，并将其存储到danmuTxt中。

4、sendDanmu函数用于发送弹幕。它从danmuTxt中获取弹幕内容，并调用videoCtx.sendDanmu方法发送弹幕。弹幕的颜色由getRandomColor函数生成。

5、onReady、onShow、onHide和onUnload是小程序的生命周期函数，分别在页面准备就绪、显示、隐藏和卸载时触发。

6、getRandomColor函数用于生成随机颜色。

三、程序运行结果

四、问题总结与体会

技术理解：通过本次实验，我对微信小程序的开发流程有了更深入的了解，特别是对视频播放和弹幕功能的实现。

问题解决：在实验过程中，我遇到了一些问题，例如视频播放不流畅、弹幕显示不正确等。通过查阅文档和尝试不同的解决方案，我学会了如何调试和解决实际开发中的问题。

知识应用：我将课堂上学到的编程知识和逻辑思维应用到了实际的项目中，这加深了我对理论知识的理解。

不足与改进：发现实验过程中的不足之处，例如时间管理、代码优化等方面，并提出改进措施。