使用 QuickTime 在网页上嵌入 RTSP 流答案

【问题标题】：Embedding an RTSP stream on a web page using QuickTime使用 QuickTime 在网页上嵌入 RTSP 流
【发布时间】：2014-08-14 18:37:12
【问题描述】：

我正在尝试使用 quicktime 插件从 IP 摄像机嵌入 rtsp 流。目前我可以使用 QuickTime 播放器在本地和外部连接到 RTSP 流，但是当我尝试将代码嵌入到我的网页中时，在 quicktime 提示我允许运行后，出现了 quicktime 的徽标，并且没有加载任何视频。我尝试在网络内外的计算机上加载网页，并尝试了具有相同结果的代码的通用文本编辑器 HTML 版本。我相信问题出在代码的某个地方，而不是网络或流，所以如果有人有任何建议，我们将不胜感激。示例：

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="320" width="240">

<param name="src" value=
"rtsp://xxx.xxx.xxx.xxx:8554/CH001.sdp" />
<param name="autoplay" value="true" />
<param name="controller" value="true" />
<param name="loop" value="false" />
<param name="type" value="video/quicktime" />

<embed src="rtsp://xxx.xxx.xxx.xxx:8554/CH001.sdp" autoplay="true" controller="true" loop="false" height="320" width="240" pluginspage="http://www.apple.com/quicktime/download/" /></object>

【问题讨论】：

标签： embed rtsp quicktime

【解决方案1】：

以下在 Internet Explorer 中对我有用。希望这会有所帮助。

<html><body>
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="1280" height="720">
    <param name="src" value="test1.qtl" />
    <param name="autoplay" value="true" />
    <param name="pluginspage" value="http://www.apple.com/quicktime/download/" />
    <param name="controller" value="true" />
    <object data="sample-movie.qtl" width="1280" height="720" type="video/quicktime">
        <param name="pluginurl" value="http://www.apple.com/quicktime/download/" />
        <param name="controller" value="true" />
    </object>
</object>
</body>
</html>

这里是对应的.qtl文件

<?xml version="1.0"?>
<?quicktime type="application/x-quicktime-media-link"?>
<embed autoplay="true" fullscreen="full" href="http://www.apple.com/quicktime/" src="rtsp://10.99.19.224:8554/test" 
/>

【讨论】：

【解决方案2】：

对于将来需要此功能的任何人，以下代码对我有用。只需将代码放在 HTML 页面中，然后将我的 RTSP url 替换为您相机的特定 url：

<script type="text/javascript">
document.writeln('<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width=' 
+ 720 + ' height=' + 480 + ' 
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">');
document.writeln('<param name="autoplay" value="true">');
document.writeln('<param name="controller" value="true">');
document.writeln('<param name="qtsrc" value="' + 
'rtsp://192.168.1.90:554/user=admin&password=&channel=01&stream=0.sdp' + '">');
</script>

【讨论】：