视频搭载小程序教程 第1篇
function getRandomColor()
:定义了一个用于生成随机颜色的函数。
let rgb = []
:创建一个数组,用于存储 RGB 颜色值。
for (let i = 0; i < 3; ++i)
:循环三次生成 RGB 各个分量(红、绿、蓝)。
let color = (() \* 256).toString(16)
:随机生成 0 到 255 之间的整数,并将其转换为十六进制字符串。
color = == 1 ? '0' + color : color
:如果生成的颜色值只有一位,前面补零以确保为两位。
(color)
:将生成的颜色值放入数组中。
return '#' + ('')
:将数组中的 RGB 值连接起来并返回一个完整的 HEX 颜色代码(以 #
开头)。
运行结果如下:可自选列表中任何视频播放,同时可发送随机颜色的弹幕。
在这个实验中,基本没有遇见什么较难的问题。
通过这次实验,我收获了很多,首先是对于在小程序中的视频播放方式有了第一次的了解,同时发送弹幕程序的编译中也学会了随机颜色的设置等。
视频搭载小程序教程 第2篇
:定义一个容器,用于放置输入框和按钮。
输入框,用户可以在这里输入想要发送的弹幕内容。
placeholder='请输入弹幕内容'
:当输入框为空时,显示的提示文本。
bindinput='getDanmu'
:事件绑定,表示用户每次输入时会触发 getDanmu
方法,在方法中可能处理输入的内容。
视频搭载小程序教程 第3篇
Page({...})
:定义了这个页面的逻辑。
data对象
:包含danmuTxt, 存放弹幕的基本信息,初始为空对象;list,集合,存放所有视频的id、title、url。
onLoad: function (options)
:页面加载时会被调用,options
参数包含页面传递的参数(如果有)。
= ('myVideo')
:创建视频上下文,'myVideo'
是在 HTML 中定义的视频元素的 id
。通过 videoCtx
对象可以控制视频播放等功能。