# four

**Repository Path**: wh-wangxiaoman/four

## Basic Information

- **Project Name**: four
- **Description**: ouc移动软件开发实验四
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-26
- **Last Updated**: 2024-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 媒体API之口述校史

## README

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



<center>姓名：王赫  学号：22020007099</center>

| 姓名和学号？         | 王赫，22020007099                  |
| -------------------- | -------------------------------- |
| 本实验属于哪门课程？ | 中国海洋大学24夏《移动软件开发》 |
| 实验名称？           | 实验4：媒体API之口述校史           |
| 博客地址？           |https://blog.csdn.net/qq_73816456/article/details/141571437                       |
| Github仓库地址？     |        https://gitee.com/wh-wangxiaoman/four                  |

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



## **一、实验目标**

 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函数用于生成随机颜色。

截图：
![图片]("E:\photo\7.png")



## 三、程序运行结果

列出程序的最终运行结果及截图。
![图片]("E:\photo\1.png")
![图片]("E:\photo\2.png")
![图片]("E:\photo\3.png")


## 四、问题总结与体会

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

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

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

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