一次js自定义播放器,canvas绘制弹幕的尝试

不多bb,就直接说实现了什么功能:

1. 视频播放进度调整

2. 视频小窗口实时预览

3. 声音调整

4. 画中画模式

5. 网页全屏

6. 视频全屏

7. canvas绘制弹幕

8. 选中弹幕悬停

9. 用户弹幕头像选择

10. 全屏弹幕实现

11. 页面离开在此进入弹幕渲染

涉及到的知识点:

1. dom操作

2. dom事件跨浏览器兼容

3. 抛出自定义错误,阻止程序的崩溃

4. canvas相关api

5. requestAnimationFrame(请求动画帧)的高度兼容

6. 使用模块模式减少全局变量命名冲突

效果预览:

 一次js自定义播放器,canvas绘制弹幕的尝试

项目地址:https://gitee.com/mvc_ydb/video_canvas_barrage.git

如果对你有用,请顶一下(江湖最高礼仪,抱拳了铁子)