在HTML5中通过RTSP或RTP进行流式传输

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"  WIDTH="400" HEIGHT="300" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab";>
<PARAM NAME="src" VALUE="rtsp://192.168.1.55:554/vid/stream/channels/1";>
<PARAM NAME="controller" VALUE="false">
<PARAM name="AUTOPLAY" VALUE="true">
<PARAM NAME="qtsrc" VALUE="rtsp://192.168.1.55:554/vid/stream/channels/1";>
<PARAM NAME="pluginspage" VALUE="http://www.apple.com/quicktime/download/indext.html";>
<PARAM name="type" VALUE="video/quicktime">
<EMBED WIDTH="400" HEIGHT="300" AUTOPLAY="true" CONTROLLER="false" SRC="rtsp://192.168.1.55:554/vid/stream/channels/1"; qtsrc="rtsp://192.168.1.55:554/vid/stream/channels/1"; BGCOLOR="FFFFFF" BORDER="0" PLUGINSPAGE="http://www.apple.com/quicktime/download/indext.html";></EMBED>
</OBJECT>

Run Code Online (Sandbox Code Playgroud)

我还将这些包含在我的<head>标签上

<script src="http://www.apple.com/library/quicktime/scripts/ac_quicktime.js" language="JavaScript" type="text/javascript"></script>
<script src="http://www.apple.com/library/quicktime/scripts/qtp_library.js" language="JavaScript" type="text/javascript"></script>
<link href="http://www.apple.com/library/quicktime/stylesheets/qtp_library.css" rel="StyleSheet" type="text/css" />

Run Code Online (Sandbox Code Playgroud)

但是当我加载页面时,我得到一个空白屏幕.

我试过chrome/ie/firefox.

html rtsp

bob*_*nes

2013 10-16

6
推荐指数

1
解决办法

4万
查看次数

使用 Node Media Server 将 IP cam 的 RTSP 重新流式传输到 http/ws 并以 html 形式显示

目标

我的目标是在标准 HTML 页面（html5 + css3 + vanilla javascript，无魔法 = 无插件）上显示 IP 摄像头的 RTSP 输出流。HTML 页面应托管在我的 Raspberry Pi 上的 NGINX Web 服务器中。

我的装备

我使用的设置是 Raspberry Pi 3 B+，带有 Rasbian OS、Node.js 和Node-Media-Server 包、NGINX（但我不认为 NGINX 对我的问题很重要？我还没有为 Node 进行任何配置- 无论如何，其中包含媒体服务器。）一个 IP 摄像机和一个浏览器。

我尝试过的

Node-Media-Server-project 中的自述文件很详细，并且有一个教程几乎准确地描述了我想要做的事情。具体来说，有一个关于如何访问实时流的标记示例：

<html>

<head>
    <title>Camera</title>
</head>

<body>
    <script src="https://cdn.bootcss.com/flv.js/1.4.0/flv.min.js"></script>
    <video id="videoElement"></video>
    <script>
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                url: 'http://localhost:8000/live/uterum.flv'
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        }
    </script> 
</body>

</html> …

Run Code Online (Sandbox Code Playgroud)

html javascript url rtsp node.js

Hau*_* TM

lucky-day

6
推荐指数

1
解决办法

1万
查看次数