Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

这篇总结其实是去年公司每周技术分享会轮到我的时候写的。那时候公司正在大刀阔斧地准备直播业务，私以为主管会委以重任，就翻了不少论坛，做了一次简单的技术分享。后来直播业务让另一位同事承担了，自己也就没了实践直播的机会，有点可惜吧。好了，废话不多说，开始我们的理论篇~ 可以看到，直播…

已知20条内容要有弹幕效果，分成三层，速度随机。 所以这里不考虑填写生成的。只是一个展现的效果。

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

Hello，大家好，我是小羽同学，一个平凡而又不甘于平凡的前端开发工程师~ 嘿嘿嘿，好兄弟们，是不是很意外，该系列文章突然又更新了！！！！ 其实吧有两个原因。 一是阿宽连小册都出来了，而我的第一篇系列

如今各大视频网站都有弹幕功能，貌似不存在没有弹幕的视频直播网站。弹幕元素比起留言板等交互性和实时性更高，深受广大基友们喜欢。 然后，我就在各大视频网站假装观看视频的同时，悄悄地按下了F12，想一探究竟。了解发现，目前弹幕的主要实现有两种方式： 一说到动画，大家第一时间能想到的就…

原声js模拟直播弹幕滚动动画。首先将直播区域分成十份（我个人自己为了便于计算分成十份），将输入的内容随机放到分成的十份区域中，插入到十份区域右边的视图之外，然后调用动画，按照随机的速度从右向左移动

其实移动对于video标签极度不友好，为了用户体验度避免浪费用户的流量，移动端浏览器只能让用户触发事件去播放video。如点击播放按钮或者监听document的触摸事件，在Safari、 谷歌浏览器、QQ浏览器均有各类奇葩问题无法实现完美自动播放的效果； iOS下不能自动播放，…

preload="auto" ：属性规定在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性。 controls="controls" ：属性规定浏览器应该为视频提供播放控件。 autoplay="autoplay"： 视频自动播放设置，但是有经验的人都应该知…