你有开发过弹幕吗?知道它的原理吗?说说看
发布于 2021-01-11 17:14:26
关注者
0
被浏览
111
3 个回答
-
没有开发过,如果要我来开发的话我会这样做:
- 在video上方设置一个弹幕container,设置相对定位。子元素都是绝对定位并设置z-index。
- 生成一个dom将弹幕内容填充进去,在container中append
- 设置dom的animation动画,从右到左划过整个video
- 将带有时间戳信息的弹幕内容通过规定好的格式发送给后端
PS:
- 顺序可以调换,一般是确定后台接收到数据了再生成dom
- 没了解过如何实现弹幕防挡。
-
补充一点,弹幕出屏幕之后要销毁。
没有开发过,如果要我来开发的话我会这样做:
- 在video上方设置一个弹幕container,设置相对定位。子元素都是绝对定位并设置z-index。
- 生成一个dom将弹幕内容填充进去,在container中append
- 设置dom的animation动画,从右到左划过整个video
- 将带有时间戳信息的弹幕内容通过规定好的格式发送给后端
PS:
- 顺序可以调换,一般是确定后台接收到数据了再生成dom
- 没了解过如何实现弹幕防挡。
补充一点,弹幕出屏幕之后要销毁。
推荐阅读
-
你知道v-model的原理吗?说说看
2021-01-11 关注 0 浏览1297 6答案
-
你有做过直播相关开发吗?知道它的原理吗?
2021-01-11 关注 0 浏览149 2答案
-
你对事件循环有了解吗?说说看!
2021-01-11 关注 0 浏览411 6答案
-
你有做过扫码枪的开发吗?知道它的原理吗?
2021-01-11 关注 0 浏览317 3答案
-
你有开发过chrome插件吗?说说你的开发过程
2021-01-11 关注 0 浏览132 1答案
-
Vue.observable你有了解过吗?说说看
2021-01-11 关注 0 浏览372 2答案
-
你有看过vue-router的源码吗?说说看
2021-01-11 关注 0 浏览404 2答案
-
你对算法和数据结构有了解吗?说说看
2021-01-11 关注 0 浏览164 1答案
-
你知道vue中key的原理吗?说说你对它的理解
2021-01-11 关注 0 浏览455 6答案
-
你了解vue的diff算法吗?说说看
2021-12-23 关注 0 浏览136 1答案