jQuery Aoiplayer弹幕播放插件_JQuery拓展

所属分类:媒体-音频和视频

 18474  175  查看评论 (6)
分享到微信朋友圈
X
jQuery Aoiplayer弹幕播放插件_JQuery拓展 ie兼容10

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

更新时间:2020-08-03 21:40:46

更新说明:弹幕储存还是要依托一下PHP,但是代码比较简单,我把文件放入了新的文件包里。

需要在主目录下建立php文件夹里面存入个danmu.php,

<?php 
	$value = $_POST['val'];
	$uid = $_POST['uid'];
	// 判断是否获取到数据

	// 储存
	file_put_contents("../chatlib/".$uid."",$value,FILE_APPEND,null);
?>

这部分用户可以自己修改,申请的地址我在更新文件里改成可以配置的了。


更新时间:2020-07-31 11:36:15

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 是弹幕文件,可根据项目自行定义 插件是针对之前个人网站制作的,趋于平稳就没有继续开发, 本插件完全开放,可供新手研究学习 插件代码易修改,如有定制需要可以联系我

相关插件-音频和视频

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 28440  291

html5云特效背景音乐网站模板

html5动态特效背景,带播放器
  音频和视频
 56943  702

h5视频播放器

支持拖拽与点击跳转可以切换全屏并且支持音量调节已经绑定键盘事件
  音频和视频
 125230  444

音乐泡泡排序(CPC泡泡排序)

泡泡排序制作的音乐剧!每个音高被分配一个与其比例程度相对应的数字 (例如 c 大调中的 C 将从0-7 数字中获得 )。
  音频和视频
 18721  242

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    往事~如烟 0
    2020/11/9 9:55:38
    怎么样 有下过的吗
    回复
    Bleak 1
    2020/8/3 13:14:33

    不依赖PHP的方法有点错误,老版本的大家在文件夹下新建一个php文件夹,里面放入一个danmu.php文件

    里面的代码如下:

    <?php 
    $value = $_POST['val'];
    $uid = $_POST['uid'];
    // 判断是否获取到数据
    
    // 储存
    file_put_contents("../chatlib/".$uid."",$value,FILE_APPEND,null);
    ?>
    回复
    毒. 0
    2020/8/2 8:33:37
    down下了了,没办法用,1001文件报错
        西瓜0
        2020/8/2 22:38:40
        注意看说明!
        Bleak0
        2020/8/3 13:11:45
        抱歉之前是有个小BUG
    回复
    那战役 0
    2020/8/1 15:20:59
    电影动画真好看 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复