jQuery Aoiplayer弹幕播放插件_JQuery拓展

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

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

相关插件-音频和视频

jwplayer响应式多终端适配视频播放器

jwplaye,自定义视频图片封面,全浏览器兼容、响应式多终端适配视频播放器
  音频和视频
 176254  664

jQuery网页跨平台媒体播放器

用于Web的可扩展的媒体播放器,跨平台,支持HLS,MP3,MP4等格式。
  音频和视频
 106706  380

完美仿网易网页侧边隐藏音乐播放器

非常好用的网页侧边音乐播放器(在服务器下完美运行)
  音频和视频
 48564  435

交互式的唱机

实验模板与一个交互式的老唱机的网络音频API。
  音频和视频
 37826  458

讨论这个项目(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
    电影动画真好看 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复