web播放 rtmp,rtsp,h264, h265,flv, hls 的解决方案

末蓝、 2024-02-20 12:36 54阅读 0赞

在遍地都是摄像头的今天，往往需要在各种信息化、数字化、可视化等B/S系统中集成实时视频流播放等功能，海康、大华、华为等厂家摄像头或录像机等设备一般也都遵循安防行业标准，支持国际标准的视频主流传输协议RTSP（实时视频流）输出，一个好的RTSP视频流网页播放方案，首先是要能做到持续稳定播放多路视频，还需同时支持H.264、H.265编码及其它编码格式、兼容RTSP、RTMP、HLS等流协议播放，最核心的是要做到低延迟、切换画面快，最好能支持高清甚至4K视频流畅播放。

liveweb是深圳好游科技开发的一款无插件，低延时的网页播放器，可支持H.264/H.265视频播放的流媒体播放器，性能稳定、播放流畅，可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等，具备较高的可用性。liveweb还拥有Windows、Linux版本，其灵活的视频能力，极大满足了用户的多样化场景需求，如果大家正在找寻一款供能强大的流媒体播放器，那么liveweb将会是一个不错的选择，我们也欢迎大家的了解和试用。

**一、liveweb程序安装**

安装包下载路径：[https://www.haoyou456.com/liveweb.rar][https_www.haoyou456.com_liveweb.rar]

下载后解压liveweb.rar到任意目录下，以下所有文件均在文件解压后的目录下。

1、双击 Win32OpenSSL-1\_1\_1u.exe，安装openssl

2、双击 vcredist\_x86.exe，安装vs2017运行时库

3、双击打开config.ini，把文件最前面 \[rtc \] 下面的IP换成自己运行liveweb.exe的机器IP

![8d177af05f8a4def81a84316a7989c05.png][]

4、双击liveWeb.exe启动服务

5、发送key.txt给好游科技对接的业务员，或者联系QQ: 2127368966，获取测试授权

非常重要：

【本文档所有涉及的到IP都是指liveweb.exe程序所在的机器IP】

**二、推流或拉流：**

安装完成后，可以设置摄像机推流、拉流或使用软件模拟推流中的一种方式来测试。有些摄像机只能拉流，有的可以设置成推流模式，如果没有摄像机在身边，则可以使用ffmpeg.exe进行软件推流测试。

1.  **推流模式：**

有真实摄像机的，可以设置摄像机按以下格式推流到liveweb所在的机器，地址最后三位数字可以随机,IP换成自己的IP

**RTSP****摄像机:** rtsp://111.231.5.149/live/test777 ?callId=admin^&sign=6007c0ba2b5b709404892977af5bebea

**RTMP****摄像机：rtmp://111.231.5.149:1935/live/test999** **?callId=admin^&sign=6007c0ba2b5b709404892977af5bebea**

红色文字的ip地址要换成liveweb.exe程序所在的机器IP

**2****、拉流模式：**

**有些摄像机只能拉流，这时需要知道摄像机的url地址，假设置摄像机的url地址为：**rtsp://admin:123456abc@192.168.3.3:554/Streaming/channels/101

我们面要按以下格式，在浏览器中打开以下网址进行拉流：

[http://192.168.3.188:8080/index/api/addStreamProxy?vhost=192.168.3.188&app=live&stream=test&secret=3B13419C-F983-48ED-A3AA-4FD71182FBB4&url=rtsp://admin:123456abc@192.168.3.3:554/Streaming/channels/101][http_192.168.3.188_8080_index_api_addStreamProxy_vhost_192.168.3.188_app_live_stream_test_secret_3B13419C-F983-48ED-A3AA-4FD71182FBB4_url_rtsp_admin_123456abc_192.168.3.3_554_Streaming_channels_101]

需要把里面的IP地址和最后的url进行替换，前面两个ip地址是liveweb.exe程序所在的机器IP，最后面的红色文字是摄像机的完整url.

推流成功后的提示，code后面的值为0，然后跳到最后的【三、使用浏览器播放测试】

![7ee6570ff4914e788498bac669f60c7e.png][]

如果拉流出现错误，code后面的值是-1

1.  **软件模拟推流：**

没有摄像机的可以使用ffmpeg.exe进行软件模拟推流。

右键编辑解压后push目录下的 pushsteam.bat文件，把里面的所有IP地发地地址111.231.5.149替换成运行liveweb.exe程序的机器IP，保存后双击运行pushsteam.bat开始推流，下图中的测试视频流文件名为test.mp4,同时推了4路视频流进行测试。

![a034a49ec1764b82846fcf03f22bf0f0.png][]

**三、使用浏览器播放测试：**

打开网址：[http://192.168.3.166:8080/test4 测试同时播放4][http_192.168.3.166_8080_test4 _4]个视频视频，网址的IP换成运行liveweb.exe程序的机器IP.

以下地址是测试12个视频：[http://192.168.3.166:8080/test12 ][http_192.168.3.166_8080_test12]

除了以上地址可以播放外，下面是其它格式对应的视频流地址，可以在vlc或其它web页面上进行播放：

Rtsp格式的视频流：rtsp:// 192.168.3.166:554/live/test

http flv格式的视频流：http:/ 192.168.3.166:8080/live/test.live.flv

m3u8视频流：http:// 192.168.3.166:8080/live/test/hls.m3u8

ts视频流：http:// 192.168.3.166:8080/live/test.live.ts

mp4视频流：http:// 192.168.3.166:8080/live/test.live.mp4

效果如下：

测试图像

[https_www.haoyou456.com_liveweb.rar]: https://www.haoyou456.com/liveweb.rar
[8d177af05f8a4def81a84316a7989c05.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/44c54f0a7cb243ec8e5f6ab9cf897b46.png
[http_192.168.3.188_8080_index_api_addStreamProxy_vhost_192.168.3.188_app_live_stream_test_secret_3B13419C-F983-48ED-A3AA-4FD71182FBB4_url_rtsp_admin_123456abc_192.168.3.3_554_Streaming_channels_101]: http://192.168.3.188:8080/index/api/addStreamProxy?vhost=192.168.3.188&app=live&stream=test&secret=3B13419C-F983-48ED-A3AA-4FD71182FBB4&url=rtsp://admin:123456abc@192.168.3.3:554/Streaming/channels/101
[7ee6570ff4914e788498bac669f60c7e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/8d50a9bc03c2417d89b3baeabe5c9173.png
[a034a49ec1764b82846fcf03f22bf0f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/304d228d3e084e52b5ecae9899de0304.png
[http_192.168.3.166_8080_test4 _4]: http://192.168.3.166:8080/test4%20%E6%B5%8B%E8%AF%95%E5%90%8C%E6%97%B6%E6%92%AD%E6%94%BE4
[http_192.168.3.166_8080_test12]: http://192.168.3.166:8080/test12%20