前言 RTMP协议规定，播放一个流媒体需要执行以下几个步骤： 建立一个网络连接（NetConnection），网络连接代表RTMP服务器端和客户端之间建立真正的网络连接。...播放（Play） 客户端发送消息“播放”（play）到服务器。 接收到“播放”消息后，服务器发送设置块大小（ChunkSize）消息。 服务器发消息“streambegin”，告知客户端流ID。...服务器收到"播放"消息后，发送消息“响应状态” NetStream.Play.Start & NetStream.Play.reset，告知客户端“播放”命令执行成功。...之后，服务器发送客户端要播放的音频和视频数据。 ? 小结 以上就是 RTMP协议的播放过程。建立一个网络流的播放就是以下这几步。...如果我们想实现简单的音视频直接可以直接使用 librtmp库作为我们的流媒体传输库。
Android支持播放网络上的视频。在播放网络上的视频时，牵涉到视频流的传输，往往有两种协议，一种是HTTP，一种是RTSP。...这两种协议最 大的不同是，HTTP协议，不支持实时流媒体的播放，而RTSP协议就支持。...Android当前支持两种协议来传输视频流一种是Http协议，另一种是RTSP协议 Http 协议最常用于视频下载等，但是目前还不支持边传输边播放的实时流媒体 同时，在使用Http协议 传输视频时，需要根据不同的网络方式来选择合适的编码方式...RTSP：Real Time Streaming Protocal，实时流媒体传输控制协议。 使用RTSP时，流媒体的格式需要是RTP。...RTSP和RTP就是为实时流媒体设计的，支持边传输边播放。 同样的对于不同的网络类型（GPRS，3G等），RTSP的编码速度也相差很大。
TSINGSEE青犀视频的流媒体播放器EasyPlayer视频播放器，可支持H.264与H.265视频编码格式，性能稳定、播放流畅，还能支持RTSP、RTMP、HLS、FLV、WebRTC等视频流播放，...目前TSINGSEE青犀视频的所有视频监控平台均使用的是EasyPlayer.js播放器，也是最受用户及开发者欢迎的一款H5流媒体播放器。...解决方法：在该项目中找到播放器js，修改参数，如下：找到播放器的这两个文件，并修改判断length大小，可设定为106432即可。...EasyPlayer是我们流媒体组件系列中关注度较高的工具，经过多年的发展和迭代，目前已经有多个应用版本，包括RTSP版、RTMP版、Pro版，以及js版，其中js版本作为网页播放器，受到了用户的广泛使用...EasyPlayer.js可支持多种流媒体协议播放，包括WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等，支持全平台、全终端播放，如Windows、Linux、Android
EasyPlayer-Android播放器是一款可针对RTSP、RTMP、RTSP&RTMP协议进行过优化的流媒体播放器，其中我们引以为傲的两个技术优势就是起播速度快和播放延迟低。...EasyPlayer.js如何实现播放完自动循环播放？ 分析问题： H5中video标签支持自动循环播放。...Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。...Video.js实例化video时添加属性。 解决问题： 在video.js实例化video标签时添加loop此属性就可以实现播放完自动循环播放。...更多关于EasyPlayer EasyPlayer是一款流媒体播放器系列项目，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、 支持本地文件播放，支持本地抓拍、本地录像
EasyPlayer.js是TSINGSEE青犀视频开发的一款支持二次开发和集成的网页视频播放器，并且经过我们不断优化，已经支持了H.265编码视频的播放，在网页视频流媒体播放项目中能够得到精准、稳定的应用...image.png 有客户在使用EasyPlayer.js播放HLS流后不能自动播放且播放出现404的情况。...但是在我们官网中的EasyPlayer.js页面却可以直接播放。...HLS流不能自动播放的问题是由于客户在配置EasyPlayer.js参数的时候没有配置以下参数，该参数就是控制视频流是否直接播放的参数。...image.png 配置完成后再次获取m3u8文件之后就可以自动播放了。 在最新的开发中，EasyPlayer.js播放器已经实现了VR视频播放的功能。
基于EasyPlayer的研究基础，TSINGSEE青犀视频进一步顺应互联网视频行业发展的需求，研发了H.265网页播放器EasyWasmPlayer.js，在4.2.0版本之后的EasyNVR视频平台已经可以支持自主选择播放器了...image.png 部分用户会选择自主使用EasyWasmPlayer.js播放器进行集成，出现了无法播放并且控制台报错的问题，报错信息: Uncaught TypeError: c is not a...image.png 分析问题 1.在线上播放发现没有问题，视频流可以正常播放 image.png 2.检查播放器问题，得知播放器实际也在拉流，没有错误 image.png 3.初步定位到是版本之间存在问题...解决问题 找到文件中的DecodeWorker.js文件，并对以下的标注函数进行注销即可。 image.png 修改后播放器即可正常播放。...image.png TSINGSEE青犀视频自主研发的播放器目前正在多个平台上得到了有效使用，并且支持集成，所有播放器项目均支持测试。
EasyPlayer项目经过多年的发展，已经在多项目中得到了验证，其中EasyPlayer.JS就是支持集成到网页的视频流媒体播放器。此外，EasyPlayer项目各播放器都支持二次开发。...前段时间我们在测试EasyPlayer.JS的部署，在github(https://github.com/tsingsee/EasyPlayer.js)下载legacy分支。...我们搜索了该问题出现的原因，网上分析是项目中缺少.eslintrc.js文件。因为有些隐藏文件是无法拷贝的，就比如.eslintrc.js。...问题原因已经知道，那么就在项目中新建.eslintrc.js文件。...'error' : 'off' } } 再次启动部署效果如下： 上图播放器构建完成后，按要求传入正确的播放地址即可正常播放视频流。
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV...有用户在调用旭帆科技EasyPlayer流媒体播放器时出现了可以播放H.264但不能播放H.265的情况，并且有如下报错：收到用户反馈后，技术人员立即联系用户进行解决。...首先在用户方拿到了EasyWasmPlay.js的路径，如下：大家在使用EasyPlayer流媒体播放器时一定要注意：EasyWasmPlay.js和libDecoder.js要放在服务的根目录下面。...流媒体播放器EasyPlayer是我们流媒体组件系列中关注度较高的产品，经过多年的发展和迭代，目前已经有多个应用版本，包括RTSP版、RTMP版、Pro版，以及js版，其中js版本作为网页播放器，受到了用户的广泛使用...在功能上，EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性，具备较高的可用性和稳定性。感兴趣的用户可以前去下载测试。
在部分采用H265播放器EasyPlayer.js播放HLS视频流的用户中，有位用户反馈HLS使用了H265编码格式，收到了请求的TS文件，控制台未见报错，但是画面一直黑屏，无法正常播放视频，让我们协助排查...我们将带原本的代码做如下修改： image.png 修改完成后再次测试播放，问题即可得到解决。...image.png EasyPlayer.JS支持四分屏操作，可同时播放4路视频流，输出格式为FLV；同时也支持单路视频流大屏播放。...EasyPlayer.js网页直播/点播播放器集rtmp，hls，flv，websocket于一身，使用简单，功能强大，也为开发者提供二次集成的路径参考。
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV...测试功能时发现，EasyPlayer.js播放webrtc时，出现了断流并且没有重连。针对该情况，我们立即进行了排查。...为解决该问题，我们在初始化rtc设置oniceconnectionstatechange监听，并反馈给EasyPlayer.js播放器。...图片为了满足用户的需求，我们也提供了多种版本，包括EasyPlayer-RTSP、EasyPlayer-Pro、EasyPlayer.js等等，以及简单易用的SDK及API接口，用户可以根据自己的需求，...将EasyPlayer集成进自己的流媒体平台。
EasyPlayer是我们推出的比较受欢迎的流媒体播放器，TSINGSEE青犀视频的平台也集成了该播放器。...EasyPlayer不仅能支持H.264/H.265视频的播放，还具有多个系列版本，如EasyPlayer-RTSP、EasyPlayer.js、EasyPlayerPro等。...当前EasyPlayer还含有Windows、Android、iOS三个平台的稳定运行版本，EasyPlayer.js还可支持Linux平台，用户可以根据自身的需求对其进行二次开发或自主集成。...有用户在使用EasyPlayer.js时，需要在Web页面实现关闭老视频流、再开启一个新视频的功能，但是找不到类似EasyWasmPlayer的this.player.destory()这种方法。...其实用户提及的这种方法，在我们最新版播放器里是有的。在我们的npm上有VUE调用的方法，今天就来和大家分享一下。
cover_20210415.jpg 前面 FFmpeg 系列的文章中，已经实现了音视频的播放、录制已经添加滤镜等功能，本文将用 FFmpeg 实现流媒体的边播放边录制功能。...流媒体 流媒体（英语：Streaming media）是指将一连串的多媒体资料压缩后，经过互联网分段发送资料，在互联网上即时传输影音以供观赏的一种技术与过程，此技术使得资料数据包得以像流水一样发送，如果不使用此技术...流媒体在播放前并不下载整个文件，只将开始部分内容存入内存，流式媒体的数据流随时传送随时播放，只是在开始时有一些延迟。 流媒体实现的关键技术就是流式传输，流式传输分为：实时流和顺序流。...FFmpeg 播放流媒体 FFmpeg 中对影音数据的处理，可以划分为协议层、容器层、编码层与原始数据层四个层次： 协议层：提供网络协议收发功能，可以接收或推送含封装格式的媒体流。...由于 FFmpeg 对不同的传输协议进行了封装，使用 FFmpeg 播放流媒体和播放本地文件，流程上没有区别（针对 FFmpeg 4.2.2 以上版本）。
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV...有用户在集成TSINGSEE青犀easyplayer播放器时出现了不能播放H.265的情况，随后技术人员立即查看了用户的wasm文件放的位置，是正常在根目录下的；于是再进远程查看，发现webpck做了配置...，导致EasyPlayer-min.lib.js以及wasm文件找不到；找到原因后，技术人员让用户用html的方式进行集成，将EasyPlayer-element.min.js里的EasyPlayer.wasm...目前我们TSINGSEE青犀视频所有的视频监控平台，集成的都是EasyPlayer.js版播放器，它属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，包括WebSocket-FLV...、HTTP-FLV，HLS（m3u8）、WebRTC等，支持全平台、全终端播放，如Windows、Linux、Android、iOS，支持H.264与H.265编码，无须安装任何插件，起播快、延迟低、兼容性强
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV...众所周知，我们的EasyPlayer播放器非常的灵活，拓展性很强，能支持轻松调用和第三方集成。今天我们就来分享一下：如何集成EasyPlayer.js播放器。...操作步骤如下：1）首先，通过npm下载我们的easyplayer.js，地址：https://www.npmjs.com/package/@easydarwin/easyplayer2）找到相应的文件，...EasyPlayer.js播放器了。...目前我们所有的视频平台，集成的都是EasyPlayer.js版流媒体播放器，EasyPlayer.js支持全平台、全终端播放，如Windows、Linux、Android、iOS，无需安装任何插件，起播快
视频平台EasyCVR、EasyGBS、EasyDSS、EasyNVR等均集成了我们自主研发的EasyPlayer视频流媒体系列播放器，可支持H.264/H.265视频编码，并拥有多个版本包括EasyPlayer-RTSP...、EasyPlayer.js、EasyPlayerPro等，用户可以根据自身的需求对其进行二次开发或自主集成。...用户反馈，在使用EasyPlayer.js时传入到播放器的音频，无法解析到真正的音频采样，使用vlc、ffplay等都是无法识别到正确的音频采样率，导致播放音频声音异常。对此我们进行了排查测试。...通过以上动态设置，EasyPlayer.js可实现灵活解码h.265音频。 EasyPlayer多个衍生版本无论是在对接设备型号种类，还是在对接编码的兼容性上，都具备较高的可用性。...EasyPlayer不仅支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放，而且还支持本地文件播放，支持本地抓拍、本地录像等多种视频功能特性。
TSINGSEE青犀视频开发的播放器项目EasyPlayer有很多个分支，其中 EasyPlayer.js就是集成在EasyNVR、EasyGBS等平台内进行直播的网页播放器，并且EasyPlayer.js...已经成功实现了VR视频的播放（TSINGSEE青犀视频云服务将从EasyPlayer.js播放器支持VR播放启动VR研发）。...有网友用EasyPlayer-js DEMO(https://github.com/tsingsee/EasyPlayer.js)做了一个9分屏播放页面，但是反馈说到第七路的时候就无法播放了，如下图：...同构检查我们可以得知播放的是WEBSOCKET-FLV协议流，编码格式为H2.65，部分代码如下： react不支持这种模式，react只能用html方式，如下写法即可： 除了已经支持分屏之外，...EasyPlayer.js播放器还已经支持断线重连功能，大家都可以在github上自由下载Demo版本，EasyPlayer项目各播放器同TSINGSEE青犀视频开发的安防视频管理平台一样，都是支持二次开发的
Web网页播放视频的播放器有很多，TSINGSEE青犀视频开发的EasyPlayer也是比较完善且稳定的一套播放器，目前已经集成到了我们EasyNVR、EasyGBS、EasyDSS等多个视频流媒体平台当中...也有用户咨询开源的播放器video.js来进行播放。...image.png 当然除了EasyPlayer之外，也可以用其他播放器播放TSINGSEE青犀视频流媒体平台的视频流，本篇博文讲说明一下如何使用EasyPlayer以外的播放器来处理视频流。...这里我们通过video.js来做示例，video.js本身自带自动播放属性；我们的平台都有自己的接口来进行视频的获取，以EasyNVR为例，接口为：/api/v1/getchannelstream image.png...image.png 这里我们需要设置flash路径，Video.js会在不支持html5的浏览器中使用flash播放视频文件； videojs.options.flash.swf = 'video-js-fixed.swf
Web网页播放视频的播放器有很多，TSINGSEE青犀视频开发的EasyPlayer也是比较完善且稳定的一套播放器，目前已经集成到了我们EasyNVR、EasyGBS、EasyDSS等多个视频流媒体平台当中...也有用户咨询开源的播放器video.js来进行播放。...当然除了EasyPlayer之外，也可以用其他播放器播放TSINGSEE青犀视频流媒体平台的视频流，本篇博文讲说明一下如何使用EasyPlayer以外的播放器来处理视频流。...这里我们通过video.js来做示例，video.js本身自带自动播放属性；我们的平台都有自己的接口来进行视频的获取，以EasyNVR为例，接口为：/api/v1/getchannelstream 将获取到的视频流直接加入到播放器里面去...这里我们需要设置flash路径，Video.js会在不支持html5的浏览器中使用flash播放视频文件； videojs.options.flash.swf = 'video-js-fixed.swf
目前我们TSINGSEE青犀视频所有的视频监控平台，集成的都是EasyPlayer.js版播放器，它属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，包括WebSocket-FLV...现在，越来越多的项目现场对H5页面的流媒体视频播放效果提出了越来越高的要求，尤其是一些企事业单位、政府部门等一些视频应用场景。...所以，在集成TSINGSEE青犀视频的EasyPlayer.js播放器时，项目现场对视频的安全性要求也很高。...由于EasyPlayer.js的播放原理是先读取视频流地址，然后再解码播放，并不会对外展示流地址信息，所以安全性也较高。...同时，为了满足用户现场对视频播放有较高的安全性需求，EasyPlayer.js播放器上支持的录像下载功能也需要隐藏。针对以上需求，只需要在前端进行隐藏即可。
使用了TSINGSEE青犀视频平台的小伙伴都知道，EasyNVR、EasyDSS内都集成了EasyPlayer的不同版本，如果有用户想将EasyPlayer播放器集成进自己的流媒体平台，我们也提供了非常简单易用的...image.png Easyplayer播放器组件现在已经是免费使用了，很多用户都在使用Easyplayer播放器插件，由于我们播放器是默认自动播放，如果有用户想设置播放器关闭自动播放，我们可以在播放器内部实现...在Easyplayer播放器中，只需要更改播放器js的一个设置，即muted这个参数，需要将这个muted参数给去除。 image.png 这样就不会自动播放了，加载出来就会有一个播放按钮。...image.png muted实际上是一个去除音频的参数，将这个参数去除后，浏览器阻止了音频，就会取消视频的自动播放。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
