视频搭载小程序教程 第1篇
Page({...})
:定义了这个页面的逻辑。
data对象
:包含danmuTxt, 存放弹幕的基本信息,初始为空对象;list,集合,存放所有视频的id、title、url。
onLoad: function (options)
:页面加载时会被调用,options
参数包含页面传递的参数(如果有)。
= ('myVideo')
:创建视频上下文,'myVideo'
是在 HTML 中定义的视频元素的 id
。通过 videoCtx
对象可以控制视频播放等功能。
视频搭载小程序教程 第2篇
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 颜色代码(以 #
开头)。
运行结果如下:可自选列表中任何视频播放,同时可发送随机颜色的弹幕。
在这个实验中,基本没有遇见什么较难的问题。
通过这次实验,我收获了很多,首先是对于在小程序中的视频播放方式有了第一次的了解,同时发送弹幕程序的编译中也学会了随机颜色的设置等。
视频搭载小程序教程 第3篇
:定义一个容器,用于放置输入框和按钮。
输入框,用户可以在这里输入想要发送的弹幕内容。
placeholder='请输入弹幕内容'
:当输入框为空时,显示的提示文本。
bindinput='getDanmu'
:事件绑定,表示用户每次输入时会触发 getDanmu
方法,在方法中可能处理输入的内容。
视频搭载小程序教程 第4篇
② 在小程序列表中,搜索想要绑定的小程序名称。
④ 返回发布页后,确认已成功添加小程序,即可选择发布视频。
视频搭载小程序教程 第5篇
用户通过“拍抖音”和“分享”等功能拍摄视频,发布后的视频会带上相应的字节小程序入口,可直达小程序,精准触达用户需求。
小程序入口展现形式有两种,一种是在视频播放页,另一种是视频的评论区中,标题内容的下方。具体为哪种展现形式,需视情况而定。
视频搭载小程序教程 第6篇
(注意:不能选择“发日常”,否则无法挂载小程序!)