2. 程式人生 > >利用vlc外掛將IP攝像頭嵌入網頁和網頁播放RTSP流

利用vlc外掛將IP攝像頭嵌入網頁和網頁播放RTSP流

阿新 • • 發佈：2019-01-18

1. 描述

　最近有一個專案需要將IP攝像機的畫面嵌入到web網頁中，考慮到減少開發成本，使用vlc外掛播放攝像頭提供的RTSP流。在videolan wiki的官網詳細介紹了關於vlc web plugin的使用方法。
　有一點需要注意的是，vlc2.2.0以前的版本，wiki上提供的方法卻不再適用。原因是vlc的last一個版本中沒有axvlc.cab檔案了，最新的的一個在0.9.2版本對應的目錄中。而且在IE中還回應為這個cab檔案沒有簽名而無法安裝此外掛。
　before

2. 解決辦法

　　使用2.2.0以後的vlc版本，vlc外掛的安裝方法可參考vlc_help上的說明進行安裝。windows下安裝vlc客戶端並勾選activeX plugin和mozilla plugin。
　　編寫頁面的測試程式如下：

<html>
<head>
<title>web camera test</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>

<body bgcolor="white" text="black">
<embed type="application/x-vlc-plugin" pluginspage="http://www.videola.org"
    width="640" height="480"
 
 id="vlc" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" target="rtsp://user:[email protected]:554" >

</body>
</html>

　　如果要判斷瀏覽器是否安裝了vlc外掛，沒有裝外掛的話跳轉到vlc的下載連結裡，可用以下javascript程式碼（需要在html中body標籤里加上onload="checkBrowser();"選項。）：
　　

<script type="text/javascript">  
         //僅適用於IE瀏覽器是，並且安裝有vlc外掛，則返回true；  
 

            function isInsalledIEVLC(){    
                var vlcObj = null;  
                var vlcInstalled= false;   
                try {  
                    vlcObj = new ActiveXObject("VideoLAN.Vlcplugin.1");   
                    if( vlcObj != null ){   
                        vlcInstalled = true   
                    }  
                } catch (e) {  
                    vlcInstalled= false;  
                }          
                return vlcInstalled;  
            }   

            //僅適用於firefox瀏覽器是，並且安裝有vlc外掛，則返回true；  
            function isInsalledFFVLC(){  
                 var numPlugins=navigator.plugins.length;  
                 for  (i=0;i<numPlugins;i++){   
                      plugin=navigator.plugins[i];  
                      if(plugin.name.indexOf("VideoLAN") > -1 || plugin.name.indexOf("VLC") > -1){   
                         return true;  
                    }  
                 }  
                 return false;  
            }  

                   /* 瀏覽器檢測 */  
            function checkBrowser(){  
                var browser=navigator.appName  
                var b_version=navigator.appVersion  
                var version=parseFloat(b_version)  
                if ( browser=="Netscape"  && version>=4) {  
                    if(isInsalledFFVLC()){  
                        alert("已裝VLC外掛");  
                    }else{  
                        alert("未裝VLC外掛");
            location.href="http://download.videolan.org/pub/videolan/vlc/2.2.1/";  
                    }  
                }else if(browser=="Microsoft Internet Explorer" && version>=4) {  
                    if(isInsalledIEVLC()){  
                        alert("已裝VLC外掛");  
                    }else{  
                        alert("未裝VLC外掛,請先安裝外掛");
                    location.href="http://download.videolan.org/pub/videolan/vlc/2.2.1/";
                    }  
                }  
            }  
     </script>

相關推薦

利用vlc外掛將IP攝像頭嵌入網頁和網頁播放RTSP流

1. 描述 　最近有一個專案需要將IP攝像機的畫面嵌入到web網頁中，考慮到減少開發成本，使用vlc外掛播放攝像頭提供的RTSP流。在videolan wiki的官網詳細介紹了關於vlc web plugin的使用方法。 　有一點需要注意的是，vlc2

利用opencv借取相機攝像頭為手機和電腦新增手勢或者體感操控

在展示PPT和產品發發布時，或者看電影時如果能用手勢操作切換會十分方便。這裡使用opencv的開源技術，輕鬆實現這一功能需求。我很久以前曾經寫一個篇被動攝像頭的文章，捕捉到攝像頭中有移動的物體時，開始錄相，移動消失，不再錄相。這樣具有簡單智慧的攝像頭，可以為客戶節省很多的磁碟

利用Reflection反射將物件轉化為 List和Model

public class ReflectionConvertHelper { public static List<T> ConvertToList<T>(DataTable dt) {

瀏覽器安裝vlc外掛播放rtsp流

網上很多例子都不管用了，今天自己參照 寫了一個，經測試通過。注意的是，安裝vlc的時候記得勾選ie外掛、火狐外掛。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

EasyNVR網頁/微信播放RTSP攝像機HLS/RTMP播放時出現起播等待問題的優化過程

EasyNVR 專案中, 我們需要在網頁/微信中嵌入 HLS 播放器, 實現直播效果. 開發過程中, 我們調研了很多HLS播放器, 包括 百度cyberplayer, ckplayer, flowplayer, videojs, 我們重點試用了 cyberplayer 和 v

c語言 利用聯合和結構體將IP地址進行列印

       在每一個計算機中都有他自己的IP地址，而IP地址是如何在計算機中儲存的是一直以來我們都不知道的。        在計算機中，IP地址的存放是由10進位制陣列組成的，而計算機將IP地址呈現給我們時則是以點

ie 嵌入 vlc 播放器外掛播放rtsp直播視訊

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www

ROS下利用Python和OpenCVC分別實現筆記本攝像頭/USB攝像頭/監控IP攝像頭資料的獲取

說明: 最近的一個小任務，記錄一下，希望對以後有幫助吧： -———————————————————————————————————————————————— 參考帖子 一、先利用python實現筆記本攝像頭/USB攝像頭的資料的獲取： 程式碼如下： i

使用外掛將網頁翻譯成中文

     新譯瀏覽器外掛，是一款能夠實時一鍵轉換多語言的頁面閱讀外掛，以新譯神經網路機器翻譯引擎幫助您閱讀網頁資訊時，在各大主流瀏覽器上均可高效、精確地跨語言享受母語閱讀體驗。 安裝過程相對簡單，看圖

如何利用Chrome瀏覽器將網頁儲存為pdf檔案

Chrome瀏覽器很強大，最近發現一種利用Chrome可以將網頁儲存為pdf的方法，寫下來分享給大家。 1，以csdn首頁為例，在Chrome瀏覽器中，開啟網頁，按Ctrl+P，會彈出印表機對話方塊，如下圖 2，找到左側“目標印表機”，點選更改，彈出如下對話方塊 選

在ASP.NET MVC中利用Aspose.cells 將查詢出的數據導出為excel，並在瀏覽器中下載。

width tdi 新增 column 需求 options 解決 印象 ats 正題前的嘮叨 本人是才出來工作不久的小白菜一顆，技術很一般，總是會有遇到一些很簡單的問題卻不知道怎麽做，這些問題可能是之前解決過的。發現這個問題，想著提升一下自己的技術水平，將一些學的新的‘好

用VLC讀取攝像頭產生RTSP流，DSS主動取流轉發（一）

sdp nco con alt 分享 pad 流轉 publish enc 用VLC讀取攝像頭產生RTSP流，DSS主動取流轉發（一） 攝像機地址是192.1.101.51，VLC運行在192.1.101.77上，DSS服務器架設在192.1.101.

將字體嵌入文件

back ima 小夥伴 add one 公開 png 大神 單擊 你是否發生過如此囧事，發給客戶的文檔字體不正常、版式混亂，只因對方電腦沒安裝文檔裏的字體，難道要我去Fonts文件夾找字體給他，若是給上司看，一世文膽泡椒了。拆招！ 1.按“F12”打開“另存為”對話框

Python 將IP轉換為int

soc main spa == style print int 127.0.0.1 toa import socket import struct if __name__ == ‘__main__‘: ip = ‘127.0.0.1‘ int

使用vlc打開usb攝像頭

img 開發 otn 攝像機 dir 選項 sdk .html 使用 打開vlc播放器 菜單 媒體-打開捕獲設備， 捕獲模式選擇directshow，選擇USB攝像機，勾選顯示更多選項，下面的mrl是調用sdk開發需要的使用Vlc.DotNet打開攝像頭並截圖 C

使用Vlc.DotNet打開攝像頭並截圖 C#

light tro .cn aps www link height log title Vlc.DotNet.Forms.VlcControl cc = new Vlc.DotNet.Forms.VlcControl(); cc.Width =

Python腳本之利用django---mysql將磁盤文件系統寫入數據庫保存

filesystem/usr/lib/python2.6/site-packages/django/contrib/admin/templates/admin/base_site.html#修改登錄名稱############################################[[email

微信小程序<web-view>嵌入網頁後，小程序如何和網頁交互傳值？

互傳 ios 網頁 參數 測試 但是 需要 https 問題： 最近開發一個項目由於小程序某些組件的限制，然後想到嵌入網頁，但是遇到一個問題：網頁端調取數據的時候需要 小程序傳遞多個參數值才能用，如何傳值呢？ 　　最初我想到是<web-view src="https:

利用java反射將結果集封裝成為對象和對象集合

one base try param tex csdn eject ack jlist java反射機制是什麽反射機制是在運行狀態中，可以知道任何一個類的屬性和方法，並且

利用反射技術將查詢結果封裝為對象

long trace leg war sel 反射 test get col public class ORMTest extends HttpServlet { private static final long se