因项目需要，查找rtsp视频流web播放方法，这是文档
原文文档连接：https://streamedian.com/docs/
Streamedian是一个 Javascript 库，它实现了 RTSP 客户端，用于在浏览器中观看直播流，直接在标准 HTML 元素之上工作。它需要支持带有媒体源扩展的 HTML5 视频才能播放。播放器还依赖服务器端 websocket 代理将 RTSP 流重新传输到浏览器。
它通过将 RTP H264 和 AAC 有效负载混合到 ISO BMFF (MP4) 片段中来工作。
Streamedian是使用 ECMAScript 2015 标准编写的。
Only player sources
npm install git://github.com/Streamedian/html5_rtsp_player.git
使用 RTSP URL 附加 HTML 视频
<video id="test_video" controls autoplay src="rtsp://your_rtsp_stream/url"></video>
或者
<video id="test_video" controls autoplay>
<source src="rtsp://your_rtsp_stream/url">
</video>
您可以通过传递 data-ignore=“true” 来忽略源
<video id="test_video" autoplay>
<source src="natively_supported_video_url" data-ignore="true">
<source src="rtsp://your_rtsp_stream/url">
</video>
如果浏览器可以播放该源，则不会为该元素初始化播放器。将编译后的脚本包含到您的 HTML 中：
<script src="free.player.3.1.js"></script>
<script src="libde265.js"></script>
“free.player.3.1.js”和“libde265.js”文件位于“HTML5 RTSP player”存档中。点击链接下载 “HTML5 RTSP 视频播放器”
在你的 js 中设置播放器：
if (window.Streamedian) {
var playerOptions = {
socket: "ws://localhost:8088/ws/",
redirectNativeMediaErrors : true,
bufferDuration: 30,
};
player = Streamedian.player("test_video", playerOptions);
}
播放器架构
Player 由三个主要模块组成：transport、client和remuxer。
transport负责数据传递和数据排队。它应该触发connected、disconnected和data事件。接收到数据后，transport应将其推送到 dataQueue 并触发data事件。transport的基类可以在 core/base_transport 中找到。默认实现依赖于 websocket 代理的 WebsocketTransport。
client侦听数据事件，将其解析为基本流数据包，并将解析后的数据排入自己的队列。client可以通过示例事件将排队的缓冲区传递给 remuxer。要识别流跟踪客户端应该触发跟踪事件。准备就绪后，flush 事件可用于构建媒体片段并将其传递给视频演示者。客户端的基类可以在 core/base_client 中找到。默认客户端是通过 websocket 传输的 RTSP 客户端。
remuxer为视频演示者准备媒体片段并推送它。目前只有基于媒体源扩展的视频演示器可用。Remuxer 将数据收集到 mp4 媒体片段 (moof+mdat) 中并将其传递到源缓冲区。
Windows 安装程序
您安装专有代理服务器以通过 websockets 流式传输 RTSP，并在您的 PC 上安装免费的 RTSP 播放器。
我们建议在安装程序中选择“Service + NGINX web server”选项来测试我们的软件。
它允许您通过双击桌面上的“Streamedian Player URL.lnk”文件在默认浏览器中启动 RTSP 播放器。
然后你可以设置一个 RTSP 链接，例如： rtsp://<your local PC’s IP address>:554/h264，然后在浏览器中观看 RTSP 流。
您可以在文本字段中键入您自己的 RTSP 源 URL。
如果您要更改ws_rtsp.ini或wsp.lic文件，请确保将其保存为UTF8编码。
要在本地网络中观看流，您需要更改 HTML 文件中的 ws URL：
socket: "ws://localhost:8088/ws/",
这个文件在：
C:\Users\Public\Documents\Streamedian\WS RTSP Player\nginx\html\index.html
注意：示例代码使用 webserver Nginx，它将所有请求从 8088 端口转发到 websocket 代理服务器 8080 端口。将套接字地址中的端口号从 8088 更改为 8080，以将播放器直接连接到 websocket 服务器。Websocket 代理端口也可能在“ws_rtsp.ini”文件中更改。
在全球和本地网络中使用
通常，需要使用有效的 Proxy 许可证文件来连接 Proxy 和 HTML5 RTSP Player（在全球或本地网络中）。使用有效的许可证文件，您可以根据您的项目架构为私有和开放网络使用代理。
在许可证激活期间，您必须设置一个 IP 地址或域名，用于部署您的带有 HTML5 RTSP 播放器的网页。将允许子域，例如，如果您要注册 streamedian.com 的许可证，则允许<您的子域> .streamedian.com
开发人员和研究人员须知 - 如何免费工作
使用已安装的空许可证文件无需购买许可证即可进行开发或研究。
空许可证文件允许您仅在同一本地主机上观看流（代理和播放器安装在同一台计算机上）。
在网站上注册后，您将自动获得限时免费许可证文件。
在网站上注册后，个人测试密钥将在您的 Streamedian 帐户页面上可用。
使用此个人测试密钥激活 1 个域名的 180 天许可证，最多可同时观看 3 个流（用户观看）。
对于更永久的解决方案，您可以使用您的个人免费密钥， 在网站上注册后，您可以在定价表中进行选择。
使用此个人免费密钥激活 1 个域名的年度许可，最多可同时查看 2 个流（用户观看）。免费许可证每年可以无限次更新。
要激活密钥，请选择“在线”或“离线”方法并按照步骤操作：
离线激活步骤：
C:\Program Files\Streamedian\WS RTSP Proxy Server\activation_app.exe
2、输入“2”，回车选择离线激活。如果机器信息文件生成成功，那么您将看到一条带有此文件位置的消息：
3. 转到官网个人中心 ( www.streamedian.com/cabinet )
4. 选择“离线激活”（Offline activation）选项卡：
5. 选择您想要的密钥’要激活：
6.上传“machine_info.bin”文件：
7.输入播放器主机的域名或IP地址
8.点击“激活”按钮：
9.下载ws：
10.将刚下载的文件wsp.lic ，复制到此处：
C:\Users\Public\Documents\Streamedian\WS RTSP Proxy Server\wsp.lic
C:\Program Files\Streamedian\WS RTSP Proxy Server\restart_service.bat
请注意，每个键只能激活有限的次数。通过在您的个人中心里选择一个许可证，可以查看剩余的激活尝试次数。
C:\Program Files\Streamedian\WS RTSP Proxy Server\activation_app.exe
2、输入“1”，回车选择在线激活：
2. 使用您在网站上注册时使用的相同登录名和密码登录Streamedian 登录：
成功后，您可以通过选择看到所有可用许可证及其参数的列表“可用许可证列表”
