一次js自定义播放器，canvas绘制弹幕的尝试
2024-10-20 01:46:58
不多bb，就直接说实现了什么功能：
1. 视频播放进度调整
2. 视频小窗口实时预览
3. 声音调整
4. 画中画模式
5. 网页全屏
6. 视频全屏
7. canvas绘制弹幕
8. 选中弹幕悬停
9. 用户弹幕头像选择
10. 全屏弹幕实现
11. 页面离开在此进入弹幕渲染
涉及到的知识点：
1. dom操作
2. dom事件跨浏览器兼容
3. 抛出自定义错误，阻止程序的崩溃
4. canvas相关api
5. requestAnimationFrame（请求动画帧）的高度兼容
6. 使用模块模式减少全局变量命名冲突
效果预览：
项目地址：https://gitee.com/mvc_ydb/video_canvas_barrage.git
如果对你有用，请顶一下（江湖最高礼仪，抱拳了铁子）
最新文章
- Jsp语法简介
- SSH(Struts,Spring,Hibernate)和SSM(SpringMVC,Spring,MyBatis)之间区别
- DES对称性加密
- Tomcat内存设置
- 利用jquery实现自动登录
- checkbox组件
- 深入理解Java的接口和抽象类 _摘抄
- 用1个 2个3个 5个div实现 十字架
- codeigniter 操作mysql的PHP代码--更新
- easyui-01 怎么样使用easyui
- （二）Hololens Unity 开发入门 之 Hello HoloLens~
- [UWP]用Shape做动画
- 【前端】Require.js使用方法总结
- 互联网视频直播技术（广电总局、优酷土豆、XX直播）
- 【CSS】Sticky Footer 布局
- iframe和form表单实现ajax请求上传数据
- Redis学习笔记之位图
- Linux网络的设置
- ps和fireworks切图网页优化，jpg为80时
- tensorflow UnicodeDecodeError: 'utf-8' codec can't decode byte 0xff in position 0: invalid start byte