网页播放rtsp视频流，rtsp播放，网页摄像头播放

最新推荐文章于 2024-10-01 20:03:34 发布

yangliweigauguagua

最新推荐文章于 2024-10-01 20:03:34 发布

阅读量1.3w

点赞数 1

分类专栏： web 文章标签： vxg rtsp

本文链接：https://blog.csdn.net/qq_32674347/article/details/89188317

版权

web 专栏收录该内容

82 篇文章 1 订阅

订阅专栏

网页显示摄像头的RTSP视频主要有两种方案：

一种是vlc，通过安装vlc3.0播放器，然后使用国产360浏览器来播放，不支持chrome等现代浏览器。

第二种是：vxg播放器

vxg是目前找到的最完美的解决方式

安装方式：

1，在谷歌商店安装vxg插件,需要翻墙，或者在某些网站直接下载插件安装：

https://chrome.google.com/webstore/detail/vxg-media-player/hncknjnnbahamgpjoafdebabmoamcnni?utm_source=chrome-app-launcher-info-dialog

2，访问vxg的支持页面（api）：

https://www.videoexpertsgroup.com/nacl_player_api/#jsapi

3，下载压缩包

https://www.videoexpertsgroup.com/nacl_player_api/vxgplayer-1.8.54.zip

下载不了的,我已经上传csdn了,0积分下载

https://download.csdn.net/download/qq_32674347/16669886

4，网页使用：

<!DOCTYPE html>
<html>

<head>
    <title>Media Player PNaCl</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">
    <meta name="author" content="videoexpertsgroup" />
    <meta name="copyright" lang="ru" content="videoexpertsgroup" />
    <meta name="description" content="Demo VXG Media Player for Chrome" />
    <meta name="keywords" content="" />
    <!-- vxgplayer -->
    <script type="text/javascript" src="vxgplayer-1.8.54.min.js"></script>
    <link href="vxgplayer-1.8.54.min.css" rel="stylesheet" />

    <!-- demo page -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

</head>

<body>
    <div class="content-absolute">
        <div class="content">
            <div id="vxg_media_player1" class="vxgplayer" width="300" height="240"
                url="rtsp://192.168.1.11/user=admin&password=&channel=1&stream=0.sdp" aspect-ratio latency="10"
                autostart controls avsync></div>
        </div>
    </div>
    </div>
</body>

</html>

5，放在服务器环境下，比如apache

6，打开浏览器访问该页面的服务器路径

注意: chrome://flags/#enable-nacl