HTML5微信網頁調用監控直播代碼接口文檔v4.0.171116
更新說明
調用示例
//將以下代碼嵌入到需要調用視頻的HTML頁面 <script src="js/jquery.min.js?v=3.1.0" type="text/javascript" charset="utf-8"></script> <script src="js/jq.getVideo.min.js?v=4.0.171116" type="text/javascript" charset="utf-8"></script> <!--視頻直播容器--> <div id="yst-video-box" class="video-box"></div> <script type='text/javascript'> +(function($) { $('#yst-video-box').getVideo({ //調用參數：按需增加，可以為空或使用默認值，可以通過URL，JSON傳參 user: 'demo', //默認用戶名 dev: 'ads-xxxxx' //攝像頭序列號或者對應的ID值 }); })(jQuery); </script>參數說明
參數獲取優先級：登錄時的參數 > post參數 > url傳參 > data屬性 > js傳參 > js缺省值。所有參數均可省略，省略時將按優先級順序獲取，直至缺省值；
//post獲取參數 geturl: '', //get/post提交的url,為空則從url/data/js獲取視頻參數 getdata: {}, //get/post提交的參數(json串) //視頻參數 code: 0, //視頻傳輸協議:0=監控私有協議,1=直播rtmp協議,2=直播hls協議 ip: 'xxx.com', //默認服務器,可以是域名或IP地址 port: '', //默認端口號，為空則根據傳輸協議自動采用默認的端口號 user: '', //默認用戶名，rtmp=livestreamname(自定義的實例名) password: '', //默認密碼，rtmp=liveapp(默認live) dev: '', //設備ID(值為數字時)/設備sn(值為字符串時),空或0表示獲取第1臺設備, src: '', //視頻播放地址,如果有定義則直接調用src而忽略ip,user等參數 autostart: true, //當用戶登錄后所有設備自動開啟切片，優化HLS播放體驗，flash方式時忽略此參數 //播放器參數 player: 0, //播放器：默認自動適應,1=flash播放（PC）,2=html5播放（移動端 ） swfPath: 'js/', //播放器路徑,player=1時(flash播放時)調用 res: 1, //分辨率:默認1=輔碼流，0=主碼流，僅針對flash播放有效 ratio: '0', //視頻高/寬比例：小數0.75或9/16,空或0時不指定比例,占滿整個播放容器 auto: 1, //是否自動播放 //delay: 2000, //延時播放時間,待生成切片文件/或廣告后再播放 //duration: 0, //連續播放時間限制,達到指定的時間后切斷視頻源,0表示不限制,暫未限制 //其它參數 control: 0, //是否顯示視頻控制按鈕 list: 1, //是否顯示播放列表,當前登錄賬號下有多個可用視頻且為HTML5播放時顯示 tips: 0, //是否開啟提示 logs: 0 //是否開啟日志url傳參
示例1： http://xxx.com?user=demo&dev=48
示例1直接通過瀏覽器傳遞監控直播視頻的參數（不推薦）；
data屬性傳參
通過播放容器的data-xxx屬性傳參給js
<div id="video1" class="video-box" data-ip="xxx.com" data-user="demo" ></div>
js傳參
$('#video1').getVideo({ ip: 'xxx.com', //默認服務器地址 user: 'demo', //默認用戶名 password: '', //默認密碼 dev: 'sn01', //設備號/實例名,空或0表示獲取第1臺設備 });json返回參數
通過json獲取視頻參數（傳入了geturl的參數），jsonp服務器端實例：
<?php $callback = $_REQUEST['callback']; $vid = $_REQUEST['vid']; //自定義視頻參數數組項，可從服務器數據庫獲取 $data_array = array( array( 'vid' => '4', 'ip' => 'xxx.cn', 'user' => 'demo1', 'password' => '123456', ), array( 'vid' => '5', 'ip' => 'xxx.com', 'user' => 'demo2', 'password' => '', ), array( 'vid' => '6', 'ip' => 'xxx.com', 'user' => 'demo3', ) ); //查詢匹配的數組 foreach ($data_array as $data) { if ($vid==$data['vid']){ $output=$data; break; } } //輸出JSON if ($callback) { header('Content-Type: text/javascript'); echo $callback . '(' . json_encode($output) . ');'; } else { header('Content-Type: application/x-json'); echo json_encode($output); //{"ip":"xxx.com","port":"2005","user":"demo","password":"","dev":""} } ?>
本文檔為監控視頻的調用接口說明，適用于微信監控直播調用、HTML5網頁監控直播調用，使用本文檔前請確定有使用我司的服務，包括租用平臺服務或購買過服務器軟件。