学习
实践
活动
工具
TVP
写文章

TSINGSEE青犀视频开发EasyWasmPlayer H265播放器如何实现视频截图

在我们做视频开发的过程中,会遇到不少需求,其中视频截图就是一个比较常见的需求,因此TSINGSEE青犀视频不管是在设计视频平台还是视频播放器的时候,我们都会在原有开发的基础上对视频截图进行一些功能拓展。 TSINGSEE青犀视频开发的H265播放器截图功能主要利用canvas实现,canvas的绘画能力画出视频某一帧的视频画面,获得到图像之后转换成base64图像,再利用a标签实现自动保存到本地。 1、首先在播放器上选一个合适的位置放置截图图标。这边选择在播放器控制栏下加入截图按钮。 实现: 在项目中找到SyncPlayer.js,插入截图按钮样式代码并添加点击监听事件。

35260

H265编码流媒体播放器EasyPlayer.js播放HLS H265视频流黑屏排查

在部分采用H265播放器EasyPlayer.js播放HLS视频流的用户中,有位用户反馈HLS使用了H265编码格式,收到了请求的TS文件,控制台未见报错,但是画面一直黑屏,无法正常播放视频,让我们协助排查 playTimeSec: 4000.811111111111 samplerate: 4000.811111111111 观察收到的数据,我们发现PES包头部少了一个0,所以我们之前的代码需要兼容这种格式 image.png EasyPlayer.JS支持四分屏操作,可同时播放4路视频流,输出格式为FLV;同时也支持单路视频流大屏播放。 EasyPlayer.js网页直播/点播播放器集rtmp,hls,flv,websocket于一身,使用简单,功能强大,也为开发者提供二次集成的路径参考。

1.6K30
  • 广告
    关闭

    1元体验视频云点播

    11.11云上盛惠,云点播流量包首购0.01元起,新老同享点播流量包0.08元/GB起,更有点播存储包/点播转码包/点播审核时长包/闲时流量包等7.4折起础版 使用权+1年视频播放 License 使用权

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HLS 和 DASH 多编解码器和封装

    目录 fuboTV 公司简介 展示的关键要点 视频传输系统的高级概述 播放器及设备 理想情况 多包解决方案 播放器对多 codec 的列表支持性 一个有 DRM 的理想世界 通用媒体格式 CMAF 边缘逻辑 理想情况 在理想情况下,我们应该能做到: 将一组 fmp4 转码为 h264 和 h265 输出; 从一组转码的 h264 和 h265 输出中打包 HLS 和 DASH; 播放器选择他们支持的格式进行播放 和 Dash; dash 播放器和hls 播放器都加密一次(加密方法); 所有设备可以解密所有媒体格式。 通用媒体格式 CMAF 想要做到所有设备解密所有媒体格式,那就必须有一个通用的媒体格式。 如果您需要支持 CENC,则需要为 hls 和 dash 提供 2 套媒体格式。 这样做的问题在于,特定的 DASH 播放器可能无法在两个视频编解码器之间切换。

    46440

    如何在RTSP协议视频智能分析平台人脸识别系统车牌识别系统EasyNVR中配置EasyWasmPlayer和H265 EasyPlayer.js播放器

    TSINGSEE青犀视频研发团队的成果包含了视频相关的很多内容,有视频流媒体平台EasyNVR、EasyGBS、EasyDSS,有视频智能分析平台EasyCVR,有H265视频播放器EasyWasmPlayer 及各种专用直播流播放器,还有视频组件及推流辅助设备等,其中视频流媒体平台内就结合了最新的H265播放器EasyWasmPlayer。 大家也知道,由于H265播放器的优势,各大平台的视频已经开始逐渐从H264转变为了H265,在不久的将来,H265必然会成为视频播放的主流编码格式。 目前在产品设计过程中,因考虑服务器性能消耗问题,播放H264视频流是使用EasyWasmPlayer播放器对服务器要求较高,有用户希望播放器是可选项,也就是播放H264视频流时EasyPlayer.js ,播放H265视频流时EasyWasmPlayer,以此来解决以上问题。

    61810

    流媒体服务器播放H.265编码格式什么不普及?

    我们都知道h.264编码,目前互联网主流的视频播放器播放的视频就是H.264编码,但是随着更新一代视频编码技术h.265编码诞生,其在同样画质和码率下相对占用的存储空间理论上要少的优势,使得流媒体服务器更加偏向于 那么究竟是什么原因导致流媒体服务器播放h.265编码视频如此难以普及呢?今天我们就来谈一下h.265编码格式什么不普及的原因。 h265什么不普及之实时编码难度大 在视频采集后,在保证视觉效果的同时需要减少视频数据量,一边数据传输和存储,编码压缩显得尤为重要。 h265什么不普及之编码器使用难度大 H.265只是规定了一个可用技术的范围,编码时很多特性可以,也可以不用。所以H.265编码器的使用难度大概是h.264的2-3倍不止。 以上我为大家简单介绍了一下流媒体服务器播放H.265编码格式什么不能普及的原因,我们的流媒体服务器播放H265编码视频已经进入测试阶段,相信很快就能够与大家见面。

    1.5K20

    H265流媒体播放器EasyPlayer如何设置视频关闭播放?

    使用了TSINGSEE青犀视频平台的小伙伴都知道,EasyNVR、EasyDSS内都集成了EasyPlayer的不同版本,如果有用户想将EasyPlayer播放器集成进自己的流媒体平台,我们也提供了非常简单易用的 image.png Easyplayer播放器组件现在已经是免费使用了,很多用户都在使用Easyplayer播放器插件,由于我们播放器是默认自动播放,如果有用户想设置播放器关闭自动播放,我们可以在播放器内部实现 在Easyplayer播放器中,只需要更改播放器js的一个设置,即muted这个参数,需要将这个muted参数给去除。 image.png 这样就不会自动播放了,加载出来就会有一个播放按钮。 image.png muted实际上是一个去除音频的参数,将这个参数去除后,浏览器阻止了音频,就会取消视频的自动播放。

    32210

    H265视频播放器项目EasyPlayer-RTSP-WIN异常终止原因分析

    EasyPlayer播放器系列项目可以说是目前市面中一款非常开放的播放器项目,用户可以根据自己的需求调用接口或者进行开发,实用性强,稳定性也足够优越。 发现到上诉位置时,URL已经被全部拷贝,接着运行下去也再无报错,并且成功预览出图像: 在该问题中,URL地址过长的问题已经得到了优化,在此我们也欢迎更多的朋友在自己的运行环境中测试EasyPlayer播放器

    28330

    安防视频结构化图像智能分析系统EasyNVR调用下载录像接口获取mp4无法在浏览器播放

    随后我们检查了两个设备头配置,发现一个是h264的视频流,一个是h265视频流。 image.png 然后观察vlc的编解码器信息,发现录像确实是h265格式的。 通过和播放器的研发人员沟通后,我们了解到h265格式的mp4文件在浏览器端是播放不出来的,因为浏览器无法直接解码h265格式视频,因此H265并不适用于浏览器播放。 image.png image.png 由于EasyPlayer播放器系列项目今年新增了EasyWasmPlayer播放器,因此也已经支持了H265视频的网页播放,关于EasyWasmPlayer播放器 此外,EasyPlayer播放器项目均可试用,欢迎测试。

    20330

    接入大华摄像头无法拉取H265格式视频流如何解决?

    视频智能安防监控平台EasyNVR在早前的版本中,就集成了EasyPlayer.JS播放器。随着EasyPlayer.JS网页视频播放器的升级,EasyNVR内也支持了H265编码格式视频播放。 我们将EasyNVR智能安防监控平台接入大华摄像头做测试,使用H264格式可以拉取到视频流,平台界面显示通道在线,但切换为H265格式就拉不到视频流了,平台界面显示通道不在线。 EasyNVR接入摄像头都是同一个rtsp地址,所以可以排除由于地址填错导致无法拉取到视频流的情况。 最后查看easynvr的日志查看拉不到流报什么错。 根据该日志排查,最终锁定到该错误是EasyNVR拉流库报的错,应该是没有获取到H265格式视频流的分辨率,导致拉不到流,最终界面上就显示不在线。 EasyPlayer已经有多个版本存在,其中集成进安防监控流媒体平台的就是EasyPlayer.JS以及EasyWasmPlayer,当然其它的播放器还包括EasyPlayer RTSP、EasyPlayer

    2.1K20

    你黑了吗

    image.png 因为浏览器或者部分播放器而影响局部黑屏因素: (1)播放端解码异常:播放器遇到不支持的视频格式会导致解析失败,比如目前市面上主流的播放器都是只支持H264的编解码,但是播放H265的直播流会导致解码异常 ,只有声音没有画面,可以通过此图看到编码是H265方式,ffplay播放黑屏,但是h265播放器播放即可正常,结尾有彩蛋继续看。 image.png (6)数据内容/格式异常也会导致解码失败:ffplay播放,是否缺少pps和sps信息,某些情况下缺少sps和pps会导致播放器解码异常。 3)播放端解码异常:(1)可以通过ffplay查看video信息是否是hevc编码格式,此编码格式代表h265,这种情况下一种是需要专用播放器播放,一种是通过腾讯云云端转码为h264解决。 彩蛋 两个h265播放器 https://gftest-1253985742.cos.ap-guangzhou.myqcloud.com/ffplayBin20170516.zip 此播放器直接解压即可使用

    680122

    流媒体播放器播放h264编码视频h265编码视频哪个更清晰?

    h265编码是h264编码的升级版,h265目前在视频点播方面使用的更加普遍,而在视频直播方面,由于难以达到h265编码的解码速度,运用起来还是有些难度的,还需要看未来我们的流媒体技术的发展。 所以我们在理论上认为h265编码视频的播放比h264编码视频的播放会更清晰,也就是说h265比h264画质好。但是这只是理论上,事实或许不同。 有的用户发现在视频网站或者流媒体点播服务器观看视频时,会发现两种编码格式视频清晰度并没有什么太大区别。 确实,h264和h265编码的视频目前给人感觉是“区别不大”,但是通过专用的视频分析工具就会发现两者的像素大有不同。 ? 流媒体播放器播放h264编码视频h265编码视频哪个更清晰本文就陪大家聊到这里了,目前我们流媒体播放器EasyPlayer和国标流媒体服务器EasyGBS已经支持了H.265编码视频播放,感兴趣的话可以进行体验

    1K10

    安防视频结构化图像智能分析系统EasyNVR调用下载录像接口获取mp4无法在浏览器播放问题

    一般大家用到比较多的是登录接口和录像文件下载接口,有用户在使用EasyNVR调用分段下载录像接口后,获取的mp4格式文件在浏览器播放不出来。 随后我们检查了两个设备头配置,发现一个是h264的视频流,一个是h265视频流。 然后观察vlc的编解码器信息,发现录像确实是h265格式的。 通过和播放器的研发人员沟通后,我们了解到h265格式的mp4文件在浏览器端是播放不出来的,因为浏览器无法直接解码h265格式视频,因此H265并不适用于浏览器播放。 由于EasyPlayer播放器系列项目今年新增了EasyWasmPlayer播放器,因此也已经支持了H265视频的网页播放,关于EasyWasmPlayer播放器,大家可以浏览《EasyPlayer和EasyWasmPlayer

    8610

    如何使用H265视频播放器EasyPlayer.JS调用videojs播放EasyNVR转发的视频流?

    经过了多年的研发探索,TSINGSEE青犀视频团队开发了三种不同的视频流媒体服务器软件EasyNVR,EasyGBS,EasyDSS,三个平台都可以进行网页无插件直播,有很好的的稳定性和可靠性,同时我们也有自己的网页播放器 根据实时传输过来的地址来进行播放器相关属性的初始化 ? 实际应用效果: ? 在播放链接中加入url=“播放地址”参数进行视频直播,播放实例: ?

    1K10

    RTSP协议视频结构化平台EasyNVR接入EasyNVS管理平台后本地调用无法播放原因分析

    EasyNVS是TSINGSEE青犀视频开发的管理平台,与视频安防智能监控系统的接入,不仅可以让EasyNVS获取系统的全部能力,还可以对各地部署的系统进行统一管理。 有客户反馈在测试时EasyNVR接入EasyNVS中,EasyNVR和EasyNVS中都可以播放视频通道,但是在本地调用时却播放不出来。 由于EasyNVS播放没有问题,则说明视频流本身没有问题,通过对比发现,EasyNVS中是使用新版播放器播放的,而EasyDSS中是使用旧版播放器,于是猜想是否是视频格式H265导致的播放失败。 解决问题: 1、通过修改摄像头配置,将流格式H265改为H264的,然后在EasyNVR或者在EasyNVS中开关下通道,然后EasyDSS的播放器界面就可以播放了。 2、不修改摄像头配置,继续保持流格式H265,使用新版播放器播放,也可以播放。

    17620

    RTSP协议视频结构化平台EasyNVR接入EasyNVS管理平台后本地调用无法播放分析

    EasyNVS是TSINGSEE青犀视频开发的管理平台,与视频安防智能监控系统的接入,不仅可以让EasyNVS获取系统的全部能力,还可以对各地部署的系统进行统一管理。 有客户反馈在测试时EasyNVR接入EasyNVS中,EasyNVR和EasyNVS中都可以播放视频通道,但是在本地调用时却播放不出来。 由于EasyNVS播放没有问题,则说明视频流本身没有问题,通过对比发现,EasyNVS中是使用新版播放器播放的,而EasyDSS中是使用旧版播放器,于是猜想是否是视频格式H265导致的播放失败。 解决问题: 1、通过修改摄像头配置,将流格式H265改为H264的,然后在EasyNVR或者在EasyNVS中开关下通道,然后EasyDSS的播放器界面就可以播放了。 2、不修改摄像头配置,继续保持流格式H265,使用新版播放器播放,也可以播放。

    23750

    H265网页视频播放器项目EasyPlayer.JS版本不支持PCM711音频格式如何转换?

    经过了多年的研发探索,TSINGSEE青犀视频团队开发了三种不同的视频流媒体服务器软件EasyNVR,EasyGBS,EasyDSS,三个平台都可以进行网页无插件直播,有很好的的稳定性和可靠性,同时我们也有自己的网页播放器 image.png 目前的EasyPlayer.js可以播放不同格式视频流,但是偶尔也会出现播放flv协议流报错的情况,报错内容如下图: image.png 虽然出现报错,但是视频能正常播放。 通过VLC查看此协议流,查看音视频编码格式如下: image.png EasyPlayer.js在网页上播放暂不支持PCM、711这些音频格式,只支持AAC格式。 而上图音频格式为PCM,因此出现了报错现象。 同时为了解决网页暂时不支持此类音频格式的问题,TSINGSEE青犀视频维护的一个音频转换库工具EasyAACEncoder可以实现将不同音频格式转换为AAC格式,继而实现网页播放,此外也可以直接使用EasyNVR

    25820

    H264H265编码视频流媒体播放器EasyWasmPlayer控制台报错Uncaught TypeError

    TSINGSEE青犀视频开发的视频流媒体播放器EasyPlayer项目已经开拓了H265播放器EasyWasmPlayer,该播放器支持WS-flv、flv、hls,支持H.264、H.265编码格式视频直播 ,在网页H265视频流的播放和集成方面具备很高的可靠性。 我们在某个网页对EasyWasmPlayer播放器测试时,网页控制台出现报错信息:Uncaught TypeError: Cannot read property ‘flvPlayer’ of null 排查发现,问题出现的原因是当第一次播放器成功后,用户没有调用播放器注销事件,接着就重新使用播放器play播放事件去播放一个无效地址,因此控制台才会不停打印以上的错误信息。

    42830

    H265视频流媒体播放器libEasyPlayer-RTSP如何通过数据渲染视频获得YUV数据?

    TSINGSEE青犀视频开发的流媒体播放器libEasyPlayer-RTSP在手机端的的视频渲染是解码后获取的视频帧,需要分解成Y、U、V的值,再送到OpenGL去渲染,这里默认传的一个渲染视频的句柄为 并启动二个线程,一个进行解码,一个进行使用窗口句柄渲染视频。 image.png 如果想不渲染视频,直接把_lpDisplayThread这行代码给注释掉,但是这样函数回调的数据没有解码过后的数据格式。 _lpDisplayThread里面的函数代码比较多,我们只要找和渲染视频相关的代码。代码里面有回复的yuv等数据,转换的RGB32数据。 通过以下视频渲染方法,把代码注释掉,视频就不渲染,回调也是正常数据格式

    19820

    扫码关注腾讯云开发者

    领取腾讯云代金券