分类：前台js实现弹幕

2021
10-25

利用原生js模拟直播弹幕滚动效果

目录1、基本原理2、具体代码总结1、基本原理首先将直播区域分成十份（我个人自己为了便于计算分成十份），将输入的内容随机放到分成的十份区域中，插入到十份区域右边的视图之外，然后调用动画，按照随机的速度从右向左移动，当移动到左侧区域视图之外移除此滚动元素。2、具体代码<divclass="move_video_content"><divclass="video_content"><divclass="video_div"id="video_view"></div><divclass="scro... 继续阅读 >

2020
11-10

原生JS实现弹幕效果的简单操作指南

前言现在很多的直播平台或者视频平台都会用到弹幕加强和观众的互动效果，那么如何用JS实现这样的效果呢，用一个初学者的方法记录下这个方法，欢迎大牛指导。1、首先需要操作文档必须拿到Dom中的元素，当然有很多方法，这里还是用document.querySelector.2、这边也是为了键盘和鼠标都可发送封装了一个函数functionsendMsg(){首先需要创建一个容器来接受你编辑的内容，这里用span标签，当然其他标签也可varoSpan=document.cerateEl... 继续阅读 >