感谢Yuina提供的弹幕后端服务!

Dplayer是一个H5弹幕播放器,现本站提供直接在Wordpress等博客中直接内嵌Dplayer而无需自己进行繁琐的布置,只需要简简单单的三步。

# 托管自己的视频

这个需要您自行寻找解决方案,您可以使用自己的服务器/Dogecloud的对象存储+CDN(或者直接使用多吉云的视频服务,但那样就没有了弹幕和其他功能),如视频文件较小可以jsdelivr进行加速(如果不要求画质可以转成webm格式,虽然会导致画质降低,但是文件大小会压缩的非常可观),请注意,您需要在您托管视频的服务器/CDN上add_header 'Access-Control-Allow-Origin' '*';以防止跨域问题导致视频加载失败,同时您需要保证视频地址为HTTPS。

最佳解决方案:把视频用ffmpeg切成m3u8上传jsdelivr进行加速

# 获取播放器链接

播放器地址:https://api.gymxbl.com/player

您需要使用下列参数告诉播放器该如何加载:

参数类型说明
url必选视频的地址,必须为HTTPS
type必选视频格式,支持mp4,flv,m3u8,mp3(无画面),后续将支持直播live和更多格式
autoplay可选是否自动播放,true或false,默认false
theme可选主题色,默认#33CCFF
loop可选循环播放,true或false,默认false,用户前端可自行开启
lang可选语言,默认zh-cn
preload可选预加载,开启为true,否则关闭
volume可选视频默认音量,后面跟数字,0.7(70%),默认1(100%)
poster可选视频封面,后面跟链接,如果没有则采取第一画面为封面
danmaku可选是否开启弹幕,如开启则danmaku=true
logo可选位于左上角的logo,可用于打水印防盗,防君子不防小人(笑)
text可选进度条开启高能预警,text=高能预警的内文字容
text2可选进度条开启高能预警第二条,text2=高能预警的内文字容
time可选进度条开启高能预警的时间,text=(秒)
time2可选进度条开启高能预警的第二时间,text2=(秒)
thumbnails可选缩略图,后面跟链接
quality可选清晰度,如果开启该功能quality=true
url4k必选如果你开起了清晰度功能则该参数必选,为4k视频地址,如不选则不显示
url1080p必选如果你开起了清晰度功能则该参数必选,为1080p视频地址,如不选则不显示
url720p必选如果你开起了清晰度功能则该参数必选,为720p视频地址,如不选则不显示
url480p必选如果你开起了清晰度功能则该参数必选,为480p视频地址,如不选则不显示
url360p必选如果你开起了清晰度功能则该参数必选,为360p视频地址,如不选则不显示
vtt可选字幕文件,webvtt格式,后面跟文件链接,如不开启请不要带这个参数
vttsize可选字幕字体大小,默认25px,后面跟数字不用加px,如vttsize=16
vttcolor可选字幕字体颜色,默认#b7daff

注:如果开启了清晰度选择,而地址重复,则地址重复的清晰度无法选择。

#将播放器嵌入博客

你可以使用iframe来嵌入视频,以wordpress为例你可以选择自定义HTML区块,然后输入下列代码:

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="宽度" height="高度" allowfullscreen="" src="播放器链接"></iframe>

实列:

建议不要使用QQ/微信内置浏览器观看!

总体来说该播放器仍有不足,比如分p功能还没做,在线自动填写播放器链接还没做,由于站长已经高一,该项目会在后续持续更新至完美。

#更新日志

2020/9/16 更新4K清晰度,修改播放器右键菜单。

2020/9/15 修复清晰度无法单独选择的BUG,更正清晰度字母大小写。

由于站长实在是没钱了如果可以请帮忙点点广告吧QWQ


努力学习ing