素材牛VIP会员

jQuery Aoiplayer视频播放弹幕效果插件

 所属分类:网页特效-音乐视频

 浏览:365次  评论:3次  更新时间:2022-11-23
牛币素材VIP可免积分下载
jQuery Aoiplayer视频播放弹幕效果插件
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:jQuery Aoiplayer弹幕播放器插件,可自由定制,无需PHPASPX等支撑

详细介绍

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

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

文件目录结构

  • chatlib
    • ┝ 1001
    • ┝ def
  • css
    • ┝ ap-style.css
    • ┝ font-awesome.min.css
  • font
    • ┝ fontawesome-webfont.woff
  • image
    • ┝ beacon.png
    • ┝ console-bg.jpg
    • ┝ danmu-switch.jpg
    • ┝ follow_spr.png
    • ┝ loading.gif
    • ┝ loading.png
    • ┝ play.png
    • ┝ playerlogo.png
    • ┝ playlogo.png
    • ┝ qx2dlogo.png
    • ┝ un.png
  • ┝ index.html
  • ┝ jquery-2.1.1.min.js
  • ┝ jquery-aoiplayer.js
  • php
    • ┝ danmu.php

讨论这个素材(3)回答他人问题或分享使用心得会奖励牛币

qq***18  
2022年11月23日

不错,点赞

回复
sc***89  
2023年01月21日

正在搞这个

回复
qq***34  
2023年04月21日

正要用。

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:25 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)