HTML5微信網頁調用監控直播代碼接口文檔v4.0.171116

更新說明

支持通過攝像頭SN調用單個視頻，FLASH及HLS播放按瀏覽器自適應。
支持MD5密碼傳參
去掉xml獲取參數功能，統一改用post方式從遠程服務器獲取參數，去除type參數
優化與服務器通訊中斷后的自動重連邏輯，同時不影響正在播放的視頻
優化播放效果，當播放異常暫停后的重連邏輯
播放視頻的尺寸根據父容器自動適應

調用示例

//將以下代碼嵌入到需要調用視頻的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網頁監控直播調用，使用本文檔前請確定有使用我司的服務，包括租用平臺服務或購買過服務器軟件。