1、视频播放 1)视频video的wxml结构如下所示: src的链接是视频来源地址,在这里主要使用danmu-list,enable-danmu,danmu-btn,controls这几个属性值 2)视频屏幕中可以使用danmu-list设置弹幕内容、字体颜色以及出现时间点,如下: 这时你可以看到视频的效果图: 接下来就是该怎么发送弹幕的问题了 2、发送弹幕 1)wxml布...
video-detail 视频播放器 select-color 发送弹幕 1. 页面制作 2. 选择弹幕颜色 3、 Video插件的使用 4. 相关代码 app.json //app.json{"pages":["pages/video-detail/video-detail","pages/select-color/select-color","pages/index/index","pages/logs/logs"],"window":{"backgroundTextStyle":"light",...
<textarea name="" id="" cols="30" rows="10" placeholder="请输入弹幕" bindinput="handleDanmuContent" ></textarea> 发送 </view> <!-- 是否随机颜色 --> <view class='selectColor'> <text> 随机颜色 </text> <switch bindchange='handleChange'></switch> </view> <!-- 选择默认颜色...
PAGE PAGE 1 微信小程序视频弹幕发送功能的实现 1. 目录结构 2. videoDanmu !-- 视频区域 -- video src={{src}} id=video danmu-btn enable-danmu danmu-list={{ danmuList }} /video ? !-- 弹幕发送区域 -- view class=sendDanmu ??textarea name= id= cols=30 rows=10 placeholder=请输入...
微信小程序之视频实时弹幕的制作 1、流程构思图 图形解析 1、作为用户端,主要任务就是在观看视频的时候发弹幕,其他的什么都不需要管 2、作为服务端,要做的就是记录用户弹幕的时间,即弹幕的时间实在视频的哪个时间点上,以实现当别人也在看此视频的此时间点时,能实时地看到别人的弹幕,以便于交流,可能会稍有延时。
视频的播放: 3.3弹幕的发送 对组件添加enable-danmu 和danmu-btn属性,用于允许发送弹幕和显示“发送弹幕”按钮。 为文本输入框朱家bindinput属性,用于获取弹幕文本内容; 为按钮增加bindtap属性,用于触发点击事件; 在js的data中加入变量danmuTxt: ‘’ 用于记录得到的弹幕文本 编写两个函数 此时小程序里可以发送红色的...