https://github.com/bian-sh/rtsp-player-for-unity-webgl

测试网页居中弹窗播放 RTSP 视频，可用于接 rtsp 监控，同时演示怎么接入到 webgl 上
https://github.com/bian-sh/rtsp-player-for-unity-webgl

rtsp-player rtsp-server unity webgl webserver

Last synced: 3 months ago
JSON representation

测试网页居中弹窗播放 RTSP 视频，可用于接 rtsp 监控，同时演示怎么接入到 webgl 上

• Host: GitHub
• URL: https://github.com/bian-sh/rtsp-player-for-unity-webgl
• Owner: Bian-Sh
• License: mit
• Created: 2022-03-02T10:15:28.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-05T11:55:51.000Z (almost 3 years ago)
• Last Synced: 2024-10-11T10:34:38.036Z (4 months ago)
• Topics: rtsp-player, rtsp-server, unity, webgl, webserver
• Language: JavaScript
• Homepage: https://www.jianshu.com/p/9bb7fd966710
• Size: 50.7 MB
• Stars: 49
• Watchers: 4
• Forks: 15
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> 这是一个在 Unity 开发的 WebGL 应用中弹窗播放 RTSP 视频的测试项目

# 功能：

1. 弹窗并播放 RTSP 视频 （基于 webrtc 推流）

2. 弹窗动态适应浏览器窗口保持居中

3. 蒙版渐隐渐显

4. 在 Unity 开发的 WebGL 应用中弹窗播放 RTSP 监控

# 演示：

> 图中展示的控制台程序是 RTSP 推流服务器

![](./doc/rtspplayer.gif)

# 如何使用：

1. 开启 ``WebServer`` ，路径是 **WebServer/MyWebServer.exe**

   

   请留意，默认的端口是 ：80 ，如遇端口冲突请通过此服务器设置页指定其他端口。

2. 开启 ``RTSPtoWebServer`` , 路径是 **RTSPtoWebServer/RTSPtoWeb.exe**

   

   此服务器默认端口是 ：8083，如遇端口冲突，修改 config.json 中``"http_port": ":8083"`` 的值即可。

3. 现在可以测试 RTSP 视频播放了：

   

   * 浏览器输入：``http://127.0.0.1:8083`` 可以开启 [RTSPtoWeb](https://github.com/deepch/RTSPtoWeb) 提供的测试页面。

   

   * 浏览器输入：`http://localhost/player/` 即可测试笔者整理的中间弹窗播放 RTSP 视频的功能

   

   * 浏览器输入：`http://localhost/webgl/` 即可测试笔者实现的 Webgl 弹窗播放RTSP 视频的功能

4. 如何使用自己的 rtsp 链接呢？

   

   > 前提： 只支持 H264 编码的视频

   

   a. 打开 **RTSPtoWebServer/config.json** 

   

   b. 按照原来的格式添加自己的 rtsp 数据，id 不可重复。

   

   ![](./doc/config.png)

   

   c. 打开 **RTSPPlayer/index.html** 修改 ShowPanel 方法中 player.load("demo");  的 ``demo`` 字眼为你写的id 

   

   d. 请注意，修改了 config.json ，Unity工程中的 相机绑定的相机数据需要一并修改，为方便外部修改和避免重新打包，可以将此类数据外部动态加载。

# 写到最后：

* 本仓库作者为 Unity 前端， Web 前端大佬轻拍。

* 如果希望弹窗的动效更丰富，可以使用类似 [layer.js](http://www.h-ui.net/lib/layer.js.shtml) 弹窗类的插件

* 这个仓库使用了 [jquery](https://github.com/jquery/jquery)

* 这个测试视频卡卡且 2022.6.1 就无法访问了，有条件的使用监控测试吧。

# Reference：

* [vdalex25/WebRtcPlayer: example player for RTSPtoWebRTC project ](https://github.com/vdalex25/WebRtcPlayer)

* [deepch/RTSPtoWeb: RTSP Stream to WebBrowser](https://github.com/deepch/RTSPtoWeb)

* [greggman/better-unity-webgl-template](https://github.com/greggman/better-unity-webgl-template/)

> License MIT