Rat's

H5ai修改版,带HTML5视频播放器DPlayer,并支持hls切片播放
简介该源码由LOC的冻猫修改,将H5ai的视频播放器替换成了DPlayer。快进什么的方便些,也可以调播放速度。想...
扫描右侧二维码阅读全文
26
2018/03

H5ai修改版,带HTML5视频播放器DPlayer,并支持hls切片播放

简介

该源码由LOC冻猫修改,将H5ai的视频播放器替换成了DPlayer。快进什么的方便些,也可以调播放速度。想加弹幕之类的可以自己改代码,3757行里面研究吧。

更新

【2019.6.14】
1、h5ai更新到0.29.2
2、DPlayer更新到1.25.0
3、增加hls切片播放支持
4、支持登录验证,默认用户名密码都是admin
5、支持vtt格式同视频文件名字幕文件,可用ffmpeg将普通字幕文件转换为vtt字幕文件。

截图

请输入图片描述

安装

Github地址:https://github.com/Pearlulu/h5ai_dplayer_hls

下载地址:点击进入,然后下载最新版的zip压缩包文件就行了。

安装教程:h5ai安装教程H5ai一键脚本,如果使用脚本安装的,安装完成后需要替换H5ai源码文件。

关于切片视频播放:

例如视频在/video/abcd.mp4,那么会自动寻找/video/__abcd.mp4__/video.m3u8。也就是会寻找"__视频文件名__"文件夹下的切片文件。如果没有切片文件会播放原始视频。切片文件夹和文件都是隐藏的,不会在h5ai中显示。

登录情况修改:

1、如果不想要用户名密码,把_h5ai/public/index.php里第二行include 'login.php'注销。
2、修改用户名密码在_h5ai/public/login.php

简单切片

#搭配Aria2下载完成后自动切片
1、下载脚本
wget https://raw.githubusercontent.com/Pearlulu/h5ai_dplayer_hls/master/hls_aria2.sh
2、在aria2配置文件中增加以下参数,后面为脚本路径
on-download-complete=/root/hls_aria2.sh
3、授权脚本
chmod +x /root/hls_aria2.sh
4、修改脚本的下载路径DOWNPATH(注意需要结尾的"/"),然后重启Aria2生效。

#通用转换切片文件、将目录及所有子目录下的全部视频文件切片。
1、下载脚本
wget https://raw.githubusercontent.com/Pearlulu/h5ai_dplayer_hls/master/hls_general.sh
2、自行修改脚本里的目录绝对路径(注意结尾无"/")。
3、运行脚本,bash hls_general.sh
Vultr新用户注册送100美元/16个机房按小时计费,支持支付宝,【点击查看】。
最后修改:2019 年 06 月 14 日 10 : 26 AM

发表评论 取消回复

43 条评论

  1. dd

    {"err":"ERR_MISSING_PARAM","msg":"parameter 'action' is missing"}
    这个错误是?

    1. Rat's
      @dd

      好像是缺少参数

  2. 糖醋排骨面

    所以,,,,mkv还是没声音嗷~

  3. 范明明

    如何能实现在线播放avi格式的视频?安装好了,也没问题。貌似只能放出来mp4和mov格式的视频呢。

  4. 云柯博客

    切片用不了,执行bash后只有目录 没有文件。已安装ffmpeg

    1. Rat's
      @云柯博客

      脚本里面视频路径改了没

      1. 云柯博客
        @Rat's

        已经改了的,目录都生成了,但是却没文件。你能给下你的ffmpeg脚本嘛。

  5. ycllwl

    大佬,我发现服务器要是装了FFmpeg,客户通过浏览器在播放视频时候服务器会调用FFmpeg,CPU占用瞬间爆表,客户机出现卡顿情况。我把服务器的FFmpeg卸载掉。客户通过浏览器再次播放视频,此时当然调用不了FFmpeg,CPU占用才10%。但是客户机依然流畅播放1K 2K 4K视频文件。请问这个有办法解决吗?

    1. Rat's
      @ycllwl

      应该只有转码的时候才调用ffmpeg吧?或者有些是边转码边观看

  6. SCGabriel

    大佬,用这个改版的h5ai,Dplayer无法加载mkv内封的字幕流,求问下有没有什么解决办法?还有这玩意的弹幕是咋打开的?

    1. Rat's
      @SCGabriel

      弹幕好像需要修改源码,加一个弹幕引用参数

  7. Jack

    不支持m3u8。。求解决方案

    1. Rat's
      @Jack

      这个表示不是很清楚,还没仔细研究

      1. zaaard
        @Rat's

        好像支持了,https://www.hostloc.com/thread-555577-1-1.html

        1. Rat's
          @zaaard

          感谢提供,我放到文章。

  8. Jack

    好像是太大了,其他2、3G的没事

  9. Jack

    大佬,求救,用caddy装的,Dplayer放视频全程黑屏

  10. wegsdfg

    非常感谢~我自己简单地修改了一下,可以实现搜索同路径下同名的vtt字幕文件

    script.js中差不多3757行开始,添加DPlayer那边改成

    var pattern_s = /.{1}[w]{1,}$/i;
    var subtitle_url = t.absHref.slice(0, pattern_s.exec(t.absHref).index)+'.vtt';

    const n = new DPlayer({

    container: document.getElementById('pv-container'), autoplay: true, video: { url: t.absHref }, subtitle: { url: subtitle_url, type: 'webvtt', fontSize: '30px', bottom: '10%', color: '#b7daff' }

    });

    1. wegsdfg
      @wegsdfg

      我的妈,为啥回复以后回车都不见了。。。
      总之就是把视频文件后缀名改成vtt就好了,DPlayer里添加subtitle看http://dplayer.js.org/#/home

      1. Rat's
        @wegsdfg

        辛苦了,我试下

        1. wegsdfg
          @Rat's

          我刚又看了下,你这边评论以后pattern里的反斜杠都掉了啊。。。应该是var pattern_s = /反斜杠.{1}[反斜杠w]{1,}$/i;

          1. Rat's
            @wegsdfg

            这评论好像很多符号都会掉