本实验属于哪门课程? | 中国海洋大学24夏《移动软件开发》 |
实验名称? | 实验4:媒体API之口述校史 |
Github仓库地址? | lab4_ · KAIZHI/24移动软件开发 - 码云 - 开源中国 (gitee.com) |
一、实验目标
-
掌握如何切换视频列表。
-
学习实现视频的自动播放。
-
掌握实现视频随机颜色弹幕效果的方法。
二、实验步骤
1. 项目创建
按照教程创建一个新的微信小程序项目,并配置相应的页面。
2. 页面配置
在项目中,创建了必要的页面文件,并删除或修改了默认的文件,以适应实验需求。随后,创建了其他必要的文件,如播放列表页面和视频播放页面。
3. 视图设计
设置课程页以及课程内容页,点击课程页后会跳转到。在页面设计中,重点布局了视频播放区域和视频列表区域。
4. 逻辑实现
4.1 更新播放列表
实现了视频播放列表的更新功能。代码中使用了自己找的两个视频地址,通过数组管理这些视频的播放。
4.2 点击播放视频
通过为视频项绑定点击事件,实现了用户点击视频列表中的任意视频项时,视频即开始播放的功能。
4.3 发送弹幕
实现了视频播放过程中发送弹幕的功能。弹幕的颜色随机生成,并随着视频内容滚动。
三、程序运行结果
内含详情页、目录、课程互动
点击目录中的视频课进入视频播放页
含视频介绍、资料下载和评论区
四、问题总结与体会
本实验使我深入理解了微信小程序中的媒体API使用方法,尤其是视频播放相关的功能实现。通过实验,我掌握了视频列表切换、自动播放以及弹幕效果的实现。尽管在实现过程中遇到了一些问题,但通过调试和查阅资料,最终成功完成了实验任务。