您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery Aoiplayer弹幕视频播放插件

51自学网 2022-05-05 14:30:31
  javascript

jQuery Aoiplayer弹幕视频播放器插件,可自定义mp4视频播放,无需PHPASPX等支撑。一个不需要后端代码支撑的开源弹幕视频播放器。

注:需要在服务端运行,本地预览会有跨域问题!

Aoiplayer 

 一个不需要后端代码支撑的开源弹幕视频播放器

必要的文件夹结构:

  • chatlib/ #用于存放弹幕文件
  • image/ #所有播放器UI文件,可自行DIY
  • v/ #视频存储目录

可自行DIY 准备阶段:

引入CSS文件font-awesome.min.css,引入CSS文件ap-style.css,引入JS文件jquery.js,引入JS文件jquery-aoiplayer.js

播放器使用的font-awesome字体图标库,开发者可自由更换前端页面

如何使用:
 

1, 用于本插件没有采用动态生成DOM元素,所有DOM元素需要手动添加

2, 引入示例文件内<body>标签下所有DOM元素

3, 使用函数

apcore.apAdd('videoUrl');

导入视频 视频名字为 文件名_清晰度.拓展名 _hd 高清 _lc 流畅 _sc 超清 如果视频没有其他清晰度 则保留其中一个并在id="ap-console-clarity"导出即可

配置:
 

在 jquery-aoiplayer.js 顶部可以看到基础的配置信息 变量 fileName 是弹幕文件,可根据项目自行定义 插件是针对之前个人网站制作的,趋于平稳就没有继续开发, 本插件完全开放,可供新手研究学习 插件代码易修改,如有定制需要可以联系我


下载地址:[ 下载地址1 ]
three.js模拟实现八大行星环绕旋转动画特效
countUp实现计数器数字滚动特效
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1