在web页面中播放rtsp直播数据流方法

mac2024-10-01  51

1  如下代码//转载:www.uzhanbao.com      可以实现web播放rtsp流,创建 index.html

      更改下 “rtsp://192.168.88.120:8554/1” 流地址即可

      可以用vlc搭建一个rtsp流服务器

     除了index..html网页,还需要nwjs插件,后面有源码地址 ? <html> <title>Web播放Rtsp流 </title> <meta charset="utf-8">   <body>             <object  type='application/x-vlc-plugin' id='Object1' width="500" height="400" events='True' pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz" >          <param name='mrl' value='rtsp://192.168.88.120:8554/1' />          <param name='volume' value='50' />          <param name='autoplay' value='true' />          <param name='loop' value='false' />          <param value="transparent" name="wmode">                 </object >       <br />      <object  type='application/x-vlc-plugin' id='Object2' width="500" height="400" events='True' pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz" >          <param name='mrl' value='rtsp://192.168.88.120:8555/1' />          <param name='volume' value='50' />          <param name='autoplay' value='true' />          <param name='loop' value='false' />          <param value="transparent" name="wmode">        </object >        <script>                  //获取 VLC js 队形          function getVLC(name) {             if (window.document[name]) {                 return window.document[name];             }             if (navigator.appName.indexOf("Microsoft Internet") == -1) {                 if (document.embeds && document.embeds[name])                     return document.embeds[name];             } else {                 return document.getElementById(name);             }         }           // 根据地址切换视频         function doGo(mrl) {             try {                 var vlc = getVLC("vlc"),                     itemId = vlc.playlist.add(mrl);                 vlc.playlist.playItem(itemId);               } catch (e) {                 console.log(e);             }         }           //调用         doGo(mrl)               </script> </body>   </html>

最新回复(0)