七空幻音LOGO

七空幻音

XtPlayer支持弹幕、字幕的H5播放器2019-03-09 15:07:25

最近写了一个播放器玩,支持弹幕,字幕的H5播放器,另外支持hls,flv加载视频,之后会增加视频质量等其他功能,详细的使用帮助,请查看文档阅读

demo地址: https://xtplayer.acgxt.com

github地址:https://github.com/balrogsxt/XtPlayer

文档地址:https://api.acgxt.com/#/document/xtplayer

2019030915071761227

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:"结束秒数"}]
    }
});

详细使用请查看帮助文档

5条评论登录后可见

用户头像
幻音い
咕了咕了咕了....

文章:125

收藏:3

查看更多
详细图片
载入中...