1. 背景 1.1. VLAN IEEE802.1Q协议用于在数据帧头加上VLAN信息，使得数据帧可以正确的传送到相应的VLAN内。 VLAN划分一般按照端口，也就是物理位置相近的设备划分，实际上，人们的实际工作也是把职能业务相近的部门放在物理位置相近的地方。因此，按照端口划分…

在通常情况下，URL是由系统生成的，通常包括URI路径，多个查询参数，可以对参数进行加密和解密。当人们要分享某个URL，比如短信，邮件，社交媒体，这就需要短URL。 而短网址，顾名思义就是在长度上比较短的网址。简单来说就是帮您把冗长的URL地址缩短成8个字符以内的短网址。 这时…

分享一下使用canvas来进行视频播放并且添加弹幕功能。

这一次改版做了插入弹幕立即显示，原来的弹幕插入只会出现在列表的最后。弹幕的插入轨道也是上一条弹幕出现一定距离后自动插入到后面，符合流式布局的格式。

弹幕的实现原理非常简单，即将一条弹幕从左侧平移到右侧，当然我们要计算弹幕垂直方向上的偏移，不然所有的弹幕都会在一条直线上，相互覆盖。平移代码如下： 火箭有点丑了，不过这不是重点。 如果觉得还不错，给个小小的赞。

前排广告：技术书籍、视频会员、掘金小册。创宇前端中奖率超高的抽奖活动还有最后几天喔。 各位童鞋如果经常上 B 站（bilibili.com） ，应该对 蒙版弹幕 这个概念并不陌生。 蒙版弹幕 是由知名弹幕视频网站 bilibili 于 2018 年中推出的一种弹幕渲染效果，可以…

项目整体已经给出，那么我们就撸起袖子加油干吧。 上面我们提到了canvas的事情，所以呢，这就是制作弹幕的杀手锏了。我们利用canvas绘图来实现弹幕的功能 创建实例很简单，没有对象，只需要new一个就有了，哈哈。接下来，说回正事，我们赶紧完成上面代码中todo的部分，来完善C…

本系列为Golang实战，从0到1实现一个弹幕系统。在开发的过程中，会实现一些现成的轮子，只是为了学习用，实际使用时，还是使用现成的轮子。 现在直播行业大火，有斗鱼、虎牙等这种大型直播平台，也有带货直播、电商直播等等，这些直播都会有弹幕系统，没有弹幕的直播是没有灵魂的。不止是直…

如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法： 引入JavaScript文件之后，我们希望如下使用，先采取默认配置。 通过getComputedStyleapi计算出盒子的宽高，这里用来计算容…