easydarwin / easyplayer.js Goto Github PK

EasyPlayer.js H5播放器，是一款免费的能够同时支持HTTP、RTMP、HTTP-FLV、HLS（m3u8）直播与点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式，支持mse、asm、wasm等多种解码方式，支持Windows、Linux、Android、iOS全平台终端的H5播放器。EasyPlayer.js H5 Player support HTTP/RTMP/HTTP-FLV/HLS(m3u8) live streaming & vod streaming,support H.264/H.265/AAC video & audio codec,support mse/asm/wasm decode mode,support Windows/Linux/Android/iOS platform,EasyPlayer.js uses leading-edge technology.

Home Page: http://www.tsingsee.com/

easyplayer.js's Introduction

EasyDarwin开源流媒体服务器

主要功能特点

基于Golang开发维护；
支持Windows、Linux、macOS平台；
支持RTSP推流分发（推模式转发）；
支持RTSP拉流分发（拉模式转发）；
服务端录像参考:https://blog.csdn.net/jyt0551/article/details/84189498
服务端录像检索与回放参考:https://blog.csdn.net/jyt0551/article/details/84189498
关键帧缓存；
秒开画面；
Web后台管理；
分布式负载均衡；

安装部署

直接下载运行Release包
直接运行(Windows)

EasyDarwin.exe

以 Ctrl + C 停止服务
以服务启动(Windows)

ServiceInstall-EasyDarwin.exe

以 ServiceUninstall-EasyDarwin.exe 卸载 EasyDarwin 服务

直接运行(Linux/macOS)

  cd EasyDarwin
  ./easydarwin
  # Ctrl + C

以服务启动(Linux/macOS)

  cd EasyDarwin
  ./start.sh
  # ./stop.sh

二次开发

准备工具

    # go tools
    go get -u -v github.com/kardianos/govendor
    go get -u -v github.com/penggy/gobuild

    # npm tools
    npm i -g apidoc
    npm i -g rimraf

编译命令

获取代码

  cd $GOPATH/src/github.com
  mkdir EasyDarwin && cd EasyDarwin
  git clone https://github.com/EasyDarwin/EasyDarwin.git --depth=1 EasyDarwin
  cd EasyDarwin

以开发模式运行
```
  npm run dev
```
以开发模式运行前端 Run as dev mode
```
  npm run dev:www       
```

编译前端 Build www

  cd web_src && npm i
  cd ..
  npm run build:www

编译 Windows 版本 Build windows version
```
  npm run build:win
```
编译 Linux/macOS 版本 (在 bash 环境下执行) Build linux/macOS version
```
  npm run build:lin       
```
清理编译文件 Clean
```
  npm run clean 
```

技术支持

邮件：[email protected]
QQ交流群：965773206
EasyDarwin开源流媒体服务器是属于EasyDarwin开源团队的免费产品，大家免费使用，同时，EasyDarwin开源团队也能提供相应的收费技术咨询、技术服务和技术定制，谢谢大家支持！

获取更多信息

EasyDarwin开源项目：www.EasyDarwin.org

easyplayer.js's People

Contributors

Stargazers

Watchers

Forkers

quyunfengg taoboy wenganxiang cc8848 tyisme614 benpaodewoniu007 xuchuanxin willyjchen caovanthanh203 kingzuo libery thp89720 jinweizhiyuan xxmys asdlei99 cosmo-ruby liuming88 tsingsee-seven a2393439531 2dengyu2 zero-statham horo2016 hellokung qq1588518 nywxy xcj123 baiyfcu yishengyounitt youchangxu1205 bakunet sdlibowen jianghu918 magicsen hanchuanjun waittinghsu stantoxt wangyoucao howesen susubuhui lihuaiyu1234 eiffelly springwindyike media-enthan garyyunj piaoxuew dfsyke linzx91 yanjieyv angleszhaixd neckli ncwsky mehome bigbao9494 zwjjap shanghaif gaussen sushang123 ryannliu xiaoshzx lccx-shall huyuanixn325 zhcn-jiangtao dlbbbdbd zlsyl lizhengdao komitty slmgr gaodaxiu0406 hyisboy janyo1201 gh321 lintaian dannyzml nicoson ufo9631 yangmain xkxdym dehai168 taihangren90 bk-forked yordroid hhy5277 mmotan shijinw chajiubu jerry508949 wzcgood2018 greatitman double2li ljx0305 yuhtc fallowu zj360202 syxza xiaoheng666159 sjtosco zhangyi124421 pschen internetjava zjj-2015

easyplayer.js's Issues

http-flv和hls不支持302重定向

支持HTTPS和WSS吗？

请问支持HTTPS和WSS的flv流的播放吗？

VM242:40534 Uncaught TypeError: c.vjs_snap is not a function

将easyplayer 放于 dialog中，dialog 关闭后报 “VIDEOJS: ERROR: TypeError: this.el_.vjs_getProperty is not a function ”；

再次打开dialog 点击截图时报错：“VM242:40534 Uncaught TypeError: c.vjs_snap is not a function”

h265 rtsp浏览器播放方案请教

视频源是h265的rtsp，如何让easyplayer.js播放比较好呢，我知道可以转成http-flv，还有其他更好的方案么，谢谢

在某些云平台的视频，流地址和拉取的ts分片地址不一致，downloadWorker在拼接uri和baseurl时就无法得到ts分片的真实地址

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-ALLOW-CACHE:NO
#EXT-X-TARGETDURATION:2
#EXT-X-MEDIA-SEQUENCE:413
#EXT-TS-OFFSET-BEGIN:820
#EXTINF:2.000,
http://sqhls1.ys7.com:7887/openlivedata/E35529294_3_2/30bb5239f7e44ccd9ce44644f98315f0-413.ts?Usr=8dfa3df53cef47c1b712aa70475d1870
#EXT-TS-OFFSET-BEGIN:822
#EXTINF:2.000,
http://sqhls1.ys7.com:7887/openlivedata/E35529294_3_2/30bb5239f7e44ccd9ce44644f98315f0-414.ts?Usr=8dfa3df53cef47c1b712aa70475d1870
#EXT-TS-OFFSET-BEGIN:824
#EXTINF:2.000,
http://sqhls1.ys7.com:7887/openlivedata/E35529294_3_2/30bb5239f7e44ccd9ce44644f98315f0-415.ts?Usr=8dfa3df53cef47c1b712aa70475d1870

H265音视频不同步

我试了去推本地的H265 aac的mp4,然后用这个去拉播放没有问题。但是转推rtsp alaw的实时流为rtmp aac,然后去拉就出现音视频不同步的问题，直接去推本地h265 aac的flv再拉也是音视频不同步，是声音不对。

react怎么用这个播放器

react怎么使用这个播放器

現在最新版無法撥放

幾個月前使用EasyPlayer-element.min.js正常
現在抓最新的版本使用同樣的代碼沒有畫面但是flv有在傳輸
稍微試了試好像抱怨無法識別video/x-flv的樣子對前端不是很了解僅供參考
EasyPlayer-element.min.js跟vue cli3建構的EasyPlayer-lib.min.js都相同的問題

<!DOCTYPE html>
<html>
<head>
  <title>player</title>
  <meta charset="utf-8" />
  <script src="js/vue.min.js"></script>
  <script src="./EasyPlayer-element.min.js"></script>
</head>

<body>
  <div id="app" style="width: 100%; height: 100%">
    <easy-player
      :video-url="url"
      :video-title="title"
      live="true"
      stretch="true"
      show-custom-button="false"
      hasvideo="true"
      hasaudio="false"
    ></easy-player>
  </div>
</body>

<script>
new Vue({
  el: '#app',
  data: {
    url: '',
    title: '',
  },

  created() {
    let urlParams = new URLSearchParams(window.location.search)
    this.title = urlParams.get('title')
    this.url = urlParams.get('url')
  }
})
</script>
</html>

文件没音频不能播放

flv文件，只有视频没有音频。播放提示失败。
音频不识别，播放也失败。
音频aac 视频h264 播放成功，但是卡顿严重。
怎么改善？

http_flv播放时，快速点击播放和停止太快会导致播放的流太多（造成宽带使用过大和流量异常等问题）

$CD(2C5 {TUH2(Q@ZA_Z@N$
最好是在播放和停止案件中做一下控制, 最好控制下每秒只能点击一次停止，控制http的连接只有一个。

vue打包后，报错未知格式codec

vue打包后，放到tomcat服务器上，报错未知格式codec，黑屏不显示，请问下是什么原因哇，有解决方案么

265-Hls 会出现播放非常卡顿的现象

我们用海康的摄像头进行推流，测试发现FLV播放正常，但是HLS播放非常卡顿，看控制台现象似乎一直收不到流；
转换测试工具，使用ffplay进行验证，发现播放正常；
这个问题会是什么情况导致的？

浏览器提示wsam不安全，需要手动允许运行

怎么设置web服务器才能免除这个警告？

测试的时候提示不支持rtmp

这是源码的截图，还有不支持H.265协议的mp4格式的，但是我有看http://demo.easydss.com/ 这个的H.265视频是支持的，请教一下这个应该处理呢，谢谢啊

No sound on iOS with FLV input.

Hi,

we are having an issue where an FLV stream has no sound on iOS - I guess this is due to the fallback of software decoders since Safari on iOS does not support mse. Since this is as far as I understand an open project, is there a chance to get sources of the player and of libDecode, to understand what is going on? Or is that part proprietary and you do not plan to publish that so that others can debug and investigate?

easy-player-component.min.js?3642:1 Uncaught ReferenceError: videojs is not defined

报 videojs 未定义

H.265 播放报错，Hls 和 http-flv 两种方式都出错

使用Hls方式拉流报
Uncaught TypeError: Cannot read property 'segments' of undefined

使用Flv 的方式报
EasyPlayer-lib.min.js:1 Uncaught Error: Uncaught, unspecified "error" event. (MediaError)
at n.emit (EasyPlayer-lib.min.js:1)
at n. (EasyPlayer-lib.min.js:1)
at n.emit (EasyPlayer-lib.min.js:1)

播放H264的视频流正常

videojs流畅播放，easy卡的一比

rtmp
videojs流畅播放，easy卡的一比

videojs卡在第一帧的，easy能播，还是卡的一比

rtmp://140.206.75.44:1935/live/pag/10.33.71.10/7302/881b18264d2b4770a55ca3bb932cc8d6/0/SUB/TCP

解码方式如何设置为 wasm ？

decodeType 是auto 好像默认是 mse

新版自动播放

新版的js自动播放如何设置？

EasyPlayer.js播放器快照抓图的图片名称是否可以按照时间来生成

现在的快照名称都是snap.jpg，这样如果多次抓图，就会出现一大堆重复名称重命名的图片，不好区分，是否可以生成类似于：EasyPlayer20191001121518.jpg，表示生成的图片时间，当然前缀还可以根据播放的名称来定；

使用的时候报错

播放m3u8文件流的时候报错

请问这是什么情况

Legacy分支无法播放H265， EasyPlayer-RTMP客户端可以播放

你好，
我用ffmpeg进行RTSP拉流，然后推到nginx-rtmp上， EasyPlayer-RTMP客户端是可以播放的，但是网页版EasyPlayer.js不能播放， rtmp,flv,m3u8都不能播放，请帮忙分析下原因，谢谢。 ffmpeg命令如下：
./ffmpeg -i rtsp://admin:[email protected]:554/Streaming/Channels/101 -c:v copy -c:a copy -f flv rtmp://192.168.33.243:51935/live/h265

网页端现象是：播放rtmp没反应，播放flv一直pending, 播放m3u8一直显示加载中。。

有没有可能加入自定义加速速率

只有1倍和1.5倍之间没有1.25是空缺的,看了一遍源码想不出在哪改
能不能指条路或者在下一个版本加入这个功能

@tsingsee

web如何播放海康的h265摄像头

测试环境是海康的h265摄像头，推流到nginx转flv，然后浏览器上没有图像，但是好像有数据接收到，看到一些信息如下：
[MSEController] MediaSource onSourceOpen
[FLVDemuxer] Parsed OnMetaData
[FLVDemuxer] Parsed AVCDecoderConfigurationRecord
[FLVDemuxer] Video resolution:1280*720
[MSEController] Received Initialization Segment,mimeType: video/mp4;codecs=avc1.4d001f
然后一直就是
InitialMetadataDiapatehed fail
InitialMetadataDiapatehed fail