微信小程序视频弹幕效果

这次,和大家一起探讨下小程序视频弹幕
一、按照老规矩,先附上gif效果图:
 
二、接下来看下官方文档API对vide说明
 
PS:相关属性解析:
  1.  danmu-list:弹幕列表
  2.  enable-danmu:是否显示弹幕
  3.  danmu-btn:弹幕按钮
  4.  controls:是否显示视频控件,并没有什么用
三、代码片段:
在这里主要是介绍两个部分:视频播放和发送弹幕
1、视频播放
1)视频video的wxml结构如下所示:
src的链接是视频来源地址,在这里主要使用danmu-list,enable-danmu,danmu-btn,controls这几个属性值
2)视频屏幕中可以使用danmu-list设置弹幕内容、字体颜色以及出现时间点,如下:
 
这时你可以看到视频的效果图:
 
接下来就是该怎么发送弹幕的问题了
2、发送弹幕
1)wxml布局结构:
 
2)wxss比较简单在此不做介绍了,.js写法如下:
 
一个小程序的视频弹幕效果就做出来了~
 
 
 
 
 

转载于:https://www.cnblogs.com/taojiejun/p/8820213.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/414275.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于Docker搭建GitLab代码管理

关于Git、SVN的优缺点就不再重复了,本篇主要以实际搭建为主。 1、下载镜像文件 在命令行窗口执行如下指令,预计下载完成4分钟。 docker pull beginor/gitlab-ce:11.0.1-ce.0注意: 一定要配置镜像加速,不然会非常非常的慢&#x…

CentOS 7安装Hadoop 3.0.0

最近在学习大数据,需要安装Hadoop,自己弄了好久,最后终于弄好了。网上也有很多文章关于安装Hadoop的,但总会遇到一些问题,所以把在CentOS 7安装Hadoop 3.0.0的整个过程记录下来,有什么不对的地方大家可以留…

Docker中Maven私服的搭建

为何用到Maven私服? 在实际开发中,项目中可能会用到第三方的jar、内部通讯的服务接口都会打入到公司的私服中。 我们从项目实际开发来看: 一些无法从外部仓库下载的构件,例如内部的项目还能部署到私服上,以便供其他依赖…

博客作业03--栈和队列

1.学习总结 2.PTA实验作业 题目1:jmu-字符串是否对称 1设计思路 for i 1 to 字符串str结束if 栈顶元素 ! str[i] 字符串不对称输出noendfor字符串对称输出yes 2代码截图 3PTA提交列表说明 前面几处错误都是因为输入用的是getchar(),后来改用gets就对了好像是因为这…

apollo报:系统出错,请重试或联系系统负责人

说明:基于 docker 搭建的 apollo,创建项目后一直报系统出错,请重试或联系系统负责人错误。 项目人员列表一直空白: 经排查是数据库配置参数不匹配,由于自己的虚拟机 ip 为 192.168.10.130 注意:修改完需要重…

关于Trie的一些算法

最近学习了一下关于Trie的一些姿势,感觉很实用。 终于不用每次看到字符串判重等操作就只想到hash了 关于Trie的定义,来自百度百科 在计算机科学中,Trie,又称前缀树或字典树,是一种有序树状的数据结构,用于保…

使用nginx搭建https服务器

最近在研究nginx,整好遇到一个需求就是希望服务器与客户端之间传输内容是加密的,防止中间监听泄露信息,但是去证书服务商那边申请证书又不合算,因为访问服务器的都是内部人士,所以自己给自己颁发证书,忽略掉…

分布式配置中心阿波罗的搭建与客户端的应用

为了统一管理微服务配置文件,实现动态化刷新配置文件,常见的两种方式为阿波罗、SpringCloudConfig,关于两者主要区别是: 阿波罗配置文件存放在数据库中,SpringCloudConfig存放在Git里面 一、搭建过程 本篇主要演示阿波…

PHP攻击防御

原文地址 有个朋友网站被攻击,刚好我们的网站有比较全面的攻击防御,了解了一下自己网站的防御,再上网搜了一些文章来看,觉得上面的文章写得很全面,特此备份。留着以后自己忘记的时候看看。

毕业一年的大专生程序员工作总结(java后台)

文章导读 一、回眸过去 – 闲扯的话 – 零碎的技术二、经验总结 – 沟通交流 – 贵在坚持 – 合理规划三、展望未来 – 积累行业背景 – 学习清单四、最后补充 一、 回牟过去 1、闲扯的话 大专生毕业一年工作总结,谈不上予人借鉴,算是对自己过去一年…

mysql自带加密解密字符集问题

由于公司业务需要,需要对已有的数据进行加密, 由于数据加密之后需要可逆的解密,最先考虑使用encode,decode函数;在实际使用的过程遇到加密数据解密之后得不到原本的值,后发现是由于字符集不正确&#xff0c…

重温类加载机制

前言 我们在学习 java 基础的时候,从宏观上了解一个类到运行大致是:.java 文件通过 javac 编译器编译得到 .class 文件,在用到该类时,jvm 会加载该 class 文件,并创建对应的 class 对象,将 class 文件加载…

微信团队分享:微信移动端的全文检索多音字问题解决方案

本文来自微信开发团队WeMobileDev公众号的技术分享。 1、前言 微信的移动客户端全文搜索中的多音字问题一直是搜索体验的痛点之一。微信客户端全文搜索在上线以后,也经常收到用户关于多音字问题的反馈。所以,微信全文搜索中的多音字搜索成了一个迫切需要…

PHP编译不成功

早上开机的时候运行本地网站,蹦出一个error: ERROR:syntax error, unexpected 92 (T_CONSTANT_ENCAPSED_STRING), expectin懵,昨天下班前不是还好好的吗(其实我不知道下班前是不是好好的,因为下班前没跑程序好尴尬)&am…