移动软件开发——实验三

一、实验目标

1、掌握视频列表的切换方法；2、掌握视频自动播放方法；3、掌握视频随机颜色弹幕效果。

二、实验步骤

2.1小程序的创建以及准备工作

下载所需的图片并配置好小程序的基本设置

2.2视图设计

2.2.1导航栏设计

2.2.2页面设计

页面包含三个区域：

· 区域1：视频播放器<video>

· 区域2：弹幕发送区域

· 区域3：视频列表

        使用view组件实现第一个可扩展的多行区域，使用wx：for属性循环添加全部内容

 

 

2.3逻辑实现

2.3.1更新播放列表

2.3.2点击播放视频

<view class='videoBar'>组件添加data-url属性和bingtap属性

data-url用于记录每行视频对应的播放地址，bingtap用于触发点击事件

2.3.3发送弹幕

对<video> 组件添加enable-danmu和danmu-but属性，用于允许发送弹幕和显示“发送弹幕”按钮

实例：

三、程序运行结果

列出程序的最终运行结果及截图。