5 Star 3 Fork 2

Gitee 极速下载 / moe2_player

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/yjhatfdu/Moe2_player
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Moe2_player

高性能HTML5弹幕播放器 High performance HTML5 danmaku player

特点:

  • 完全基于html5,移动设备友好,(iphone需要添加到桌面作为webapp方可观看弹幕)
  • 性能强大,在多倍于B站最大弹幕覆盖量的情况下,仍然可以达到60fps,如果使用webgl渲染器性能更强
  • 3D视角弹幕
  • VR虚拟影院
  • 非常简单的集成步骤
  • 已实现了B站和A站的基本弹幕格式的解析
  • 内部实现了弹幕发送和更新的相关方法(基于socket.io,不过暂时没有开放就没有完全集成)

Demo:

https://yjhatfdu.github.io/Moe2_player/dist/
https://moe2.tv
https://jp.moe2.tv

使用入门:

  • 引用dist目录下的script,style,images,fonts文件夹至工程目录
  • 在网页用引用js以及css
<script src="dist/moe2player.js"></script>
  • 建一个容器来存放播放器,容器本身的大小和响应式行为会影响播放器的大小
<div id='player-container'></div>
  • 初始化播放器,
<script>
var player=new moe2player.Player(document.querySelector('#player-container'),'可选的视频标题');
player.initVideo('视频的路径.mp4');
player.loadDanmaku('弹幕文件路径.xml','bilibili');
</script>

手动编译

npm install
npm run build

接口文档

  • 待完善

###iPhone用户请注意

  • 由于苹果的限制,只要在Safari中播放视频,必然会导致一个全屏的系统视频播放器覆盖掉整个页面,所以弹幕和VR都需要在webapp模式下观看。
  • 在页面头部添加
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" >

然后用户就可以在safari或者安卓的chrome的菜单中选择添加到主屏幕了,添加之后主屏幕会有一个网站的图标(可以自定义),然后通过webapp的图标进入访问网站可以实现inline视频播放以及网页全屏

许可

  • 非商业用户可以在著名来源的情况下任意使用本项目,修改应遵守Apache2.0开源协议
  • 商业用户请与作者联系

空文件

简介

暂无描述 展开 收起
JavaScript 等 4 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/mirrors/moe2_player.git
git@gitee.com:mirrors/moe2_player.git
mirrors
moe2_player
moe2_player
master

搜索帮助

14c37bed 8189591 565d56ea 8189591