XtPlayer支持弹幕、字幕的H5播放器
- 2019-03-09 07:07:25
- 幻音い
- 17562
温馨提示: 这篇文章于2107天前编写,现在可能不再适用或落后.
最近写了一个播放器玩,支持弹幕,字幕的H5播放器,另外支持hls,flv加载视频,之后会增加视频质量等其他功能,详细的使用帮助,请查看文档阅读
demo地址: https://xtplayer.acgxt.com
github地址:https://github.com/balrogsxt/XtPlayer
文档地址:https://api.acgxt.com/#/document/xtplayer
var xp = new XtPlayer("#app", {
src: "8.mp4",//视频地址
width: 800,//视频宽度
height: 'auto',//自动高度
poster: "https://static.acgxt.com/logo6.png", //初始化时的预览图
autoplay: false, //是否自动播放[用户记忆储存]
preload: true, //是否预先加载[用户记忆储存]
loop: false, //是否洗脑循环[用户记忆储存]
loader: "mp4", //使用加载器加载视频[hls,flv]
volume: 1, //默认音量0-1
danmaku: {
enable: true, //是否启用弹幕[用户记忆储存]
api: "https://xtplayer.acgxt.com/getDanmu.php", //弹幕获取接口 格式[{text:'xxx',color:'xxxx',time:1}]
send: "https://xtplayer.acgxt.com/sendDanmu.php", //弹幕接收接口
dense: 5, //单行弹幕密集间距(默认5)
screenMax: 500, //同屏弹幕最大数量(默认500)
opacity: 1, //弹幕透明度(默认1)
fontSize: 18, //弹幕文字大小(默认18)[不建议修改]
move: 1 //弹幕移动速度(默认1)
},
subtitle: {
enable: true, //是否启用字幕[用户记忆储存]
api: "https://xtplayer.acgxt.com/subtitle.php" //字幕接口 格式[{text: "字幕内容",start:"开始秒数",end:"结束秒数"}]
}
});
详细使用请查看帮助文档
阁下需要登录后才可以查看评论哦~