EasyPlayer.js RTSP播放器是一个基于WebRTC(网页实时通信技术)的开源JavaScript库,主要用于在网页上实现视频播放功能,特别是针对RTSP(Real Time Streaming Protocol,实时流协议)流的播放。
它允许开发者在不需要安装额外插件或软件的情况下,直接在网页中嵌入和播放来自监控摄像头或其他RTSP源的视频流。
背景介绍
用户希望打开页面的时候就直接自动播放视频(单屏或者多屏),但是浏览器的自动播放策略是,必须是用户手动触发了事件之后,才能自动播放。
会抛出DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD 错误。
解决方案
- 添加一个交互事件,让用户手动触发下,再去播放视频。
- 使用wcs解码(在https环境下),然后使用canvas标签渲染。
- 使用wasm(simd) 软解码,然后使用canvas标签渲染。
支持功能
- 支持MSE H264和H265硬解码;
- 支持WebCodec H264和H265硬解码;
- 支持WASM H264和H265硬解码/软解码;
- 支持m3u8/HLS (H265/H265)播放;
- 支持Mpeg4格式(H264)播放;
- 支持HTTP-FLV/WS-FLV (H265/H265)播放;
- 支持HTTP-FMP4/WS-FMP4 (H265/H265)播放;
- 支持WEBRTC(easy支持H264/H265、其他流媒体支持H264)播放;
- 支持裸流(H264/H265) 播放;
- 支持直播和点播播放;
- 支持点播多清晰度播放;
- 支持全屏或比例显示。
总之经过多年的技术积累与实践打造,EasyPlayer.js播放器项目系列无论是在对接设备型号种类,还是在对接编码的兼容性上,都具备较高的可用性。
EasyPlayer.js网页全终端安防视频流媒体播放器系列项目提供了非常简单易用的SDK及API接口,用户通过API调用就可以非常快速地开发出属于自己的应用程序,进行第二次开发。
标签:播放器,H264,H265,解码,RTSP,支持,js,播放 From: https://www.cnblogs.com/easyplayer/p/18552859