基于JeecgUniapp - 视频播放

本实验属于哪门课程？	中国海洋大学24夏《移动软件开发》
实验名称？	实验4：媒体API之口述校史
Github仓库地址？	lab4_ · KAIZHI/24移动软件开发 - 码云 - 开源中国 (gitee.com)

一、实验目标

• 掌握如何切换视频列表。

• 学习实现视频的自动播放。

• 掌握实现视频随机颜色弹幕效果的方法。

二、实验步骤

1. 项目创建

按照教程创建一个新的微信小程序项目，并配置相应的页面。

2. 页面配置

在项目中，创建了必要的页面文件，并删除或修改了默认的文件，以适应实验需求。随后，创建了其他必要的文件，如播放列表页面和视频播放页面。

3. 视图设计

设置课程页以及课程内容页，点击课程页后会跳转到。在页面设计中，重点布局了视频播放区域和视频列表区域。

4. 逻辑实现

4.1 更新播放列表

实现了视频播放列表的更新功能。代码中使用了自己找的两个视频地址，通过数组管理这些视频的播放。

4.2 点击播放视频

通过为视频项绑定点击事件，实现了用户点击视频列表中的任意视频项时，视频即开始播放的功能。

4.3 发送弹幕

实现了视频播放过程中发送弹幕的功能。弹幕的颜色随机生成，并随着视频内容滚动。

三、程序运行结果

• 课程列表

• 点击课程列表 --> 进入课程详情页

内含详情页、目录、课程互动

点击目录中的视频课进入视频播放页

• 视频播放页

含视频介绍、资料下载和评论区

• 视频播放页 ---- 点击下方课程视频可实现切换

• 弹幕滚动， 并实现评论发弹幕功能

四、问题总结与体会

本实验使我深入理解了微信小程序中的媒体API使用方法，尤其是视频播放相关的功能实现。通过实验，我掌握了视频列表切换、自动播放以及弹幕效果的实现。尽管在实现过程中遇到了一些问题，但通过调试和查阅资料，最终成功完成了实验任务。