当前位置: 首页 > 工具软件 > Moe2_player > 使用案例 >

html弹幕播放器源码,高性能HTML5弹幕播放器 Moe2_player

堵凯
2023-12-01

软件介绍

Moe2_player是一款高性能HTML5弹幕播放器。

特点:完全基于html5,移动设备友好,(iphone需要添加到桌面作为webapp方可观看弹幕)

性能强大,在多倍于B站最大弹幕覆盖量的情况下,仍然可以达到60fps,如果使用webgl渲染器性能更强

3D视角弹幕

VR虚拟影院

非常简单的集成步骤

已实现了B站和A站的基本弹幕格式的解析

内部实现了弹幕发送和更新的相关方法(基于socket.io,不过暂时没有开放就没有完全集成)

Demo:

使用入门:引用dist目录下的script,style,images,fonts文件夹至工程目录

在网页用引用js以及css

建一个容器来存放播放器,容器本身的大小和响应式行为会影响播放器的大小

手动编译npm install

npm run build

接口文档待完善

iPhone用户请注意由于苹果的限制,只要在Safari中播放视频,必然会导致一个全屏的系统视频播放器覆盖掉整个页面,所以弹幕和VR都需要在webapp模式下观看。

在页面头部添加

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

 类似资料: