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