螢石云直播(Promise如何改寫獲取螢石云直播地址接口)

改寫原因

通常情況下,螢石云的直播地址都是在服務端進行獲取,然后存儲到數據庫中,但是螢石云官方默認同一個ip最多只能使用5個appKey,否則會爆出appKey數量超出安全限制的錯誤提示。

因此改為前端進行api的調用,來分散ip和appKey之間的綁定(這一點對開發者而言其實意義并不是很大,應為開發者的ip是固定的,測試過程中遲早也會超出數量限制)。

技術選擇

需求明確之后,有兩種方案可供選擇。

• ajax回調

• Promise異步編程解決方案

整個直播鏈接的獲取流程大致如下:

可想而知,如果單純用ajax進行回調,無疑會陷入回調地獄中,于是果斷選擇了Promise進行改寫(進步源于折騰)。

源碼

letserial,channelNo;/***向服務器查詢攝像頭直播鏈接**@paramcameraId攝像頭id*@paramperspective是否允許查看其他用戶的攝像頭**服務器首先查詢數據庫直播鏈接緩存*------如果數據庫有緩存,則服務器將直接返回cameraBean的信息*------如果沒有緩存,則查找當前用戶的accessToken*------------如果數據庫保存有accessToken,則返回accessToken*------------數據庫沒有保存accessToken,則返回appKey/appSecret,由瀏覽器進行下一步accessToken的獲取*/functionstep1(cameraId,perspective){returnnewPromise(function(resolve,reject){$.ajax({type:"GET",url:"/cameraManage/getCameraAddress?id="+cameraId+"&perspective="+perspective,success:function(data){if(data.state=='success'){resolve(data.data);}else{layer.msg(data.msg);console.log(data.msg);}},error:function(e){layer.msg("網絡異常請稍后再試");console.log("error");}});})}/***接收step1返回的結果,判斷結果類型*------如果是camera對象或者是accessToken,則直接攜帶該數據進入step3*------如果是appKey/appSecret,則調用開放平臺接口,查詢accessToken,并上傳至服務器保存,進行step3*/functionstep2(data){serial=data.serial;channelNo=data.channelNo;returnnewPromise(function(resolve,reject){if(data.camera||data.accessToken){//服務器直接返回了攝像頭直播信息或accessTokenresolve(data);}elseif(data.appKey&&data.appSecret){//服務器返回了appKey&&appSecret$.ajax({type:"POST",url:"https://open.ys7.com/api/lapp/token/get",data:{appKey:data.appKey,appSecret:data.appSecret},dataType:"json",success:function(data){lettokenData=data.data;if(data.code=="200"&&tokenData){resolve(tokenData);uploadAccessToken(tokenData.accessToken,tokenData.expireTime,1);}},error:function(e){layer.msg("網絡異常請稍后再試");console.log(e);}});}});}/***接收step2返回的數據,camera或accessToken*------如果是camera對象,則直接返回*------如果是accessToken,則調用開放平臺接口,查詢直播鏈接,并上傳至服務器保存*/functionstep3(data){if(data.camera){//console.log("上一步直接返回了camera");returndata.camera;}returnnewPromise((resolve,reject)=>{$.ajax({type:"POST",url:"https://open.ys7.com/api/lapp/live/video/list",data:{accessToken:data.accessToken,},dataType:"json",success:function(data){letaddressData=data.data;if(data.code!='200'||!addressData){layer.msg("直播鏈接獲取失敗");console.log("直播鏈接獲取失敗");return;}for(leti=0;i<addressData.length;i++){if(addressData[i].deviceSerial==serial&&addressData[i].channelNo==channelNo){letargObject={serial:addressData[i].deviceSerial,channelNo:addressData[i].channelNo,flv:addressData[i].flvAddress,flvHd:addressData[i].hdFlvAddress,hls:addressData[i].liveAddress,hlsHd:addressData[i].hdAddress,rtmp:addressData[i].rtmp,rtmpHd:addressData[i].rtmpHd};//console.log("獲取了直播鏈接");//console.log(argObject);resolve(argObject);uploadYs7CameraAddress(argObject);break;}}},error:function(e){layer.msg("網絡異常請稍后再試");console.log(e);}});});}/***獲取攝像頭直播鏈接調用接口*@paramcameraId攝像頭id*@paramperspective是否允許當前用戶查看其他用戶的攝像頭*/functiongetCameraAddress(cameraId,perspective){returnstep1(cameraId,perspective).then(step2).then(step3);}/***將accessToken上傳至服務器保存*/functionuploadAccessToken(accessToken,expireTime,cameraType){$.ajax({type:"POST",url:"/cameraManage/uploadAccessToken",data:{accessToken:accessToken,expireTime:expireTime,cameraType:cameraType},dataType:"json",});}/***將得到的攝像頭鏈接上傳至服務器保存*/functionuploadYs7CameraAddress(args){args.id=0;$.ajax({type:"POST",url:"/cameraManage/uploadYs7CameraAddress",data:args,dataType:"json",});}

之后前端調用攝像頭的接口只需要編寫如下代碼就可以了

getCameraAddress(cameraId,0).then(data=>{if(data==null||data==undefined){//未綁定攝像頭的錯誤提示...return;}//獲得鏈接之后的正常操作流程...});

到此,關于“Promise如何改寫獲取螢石云直播地址接口”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注本站網站,小編會繼續努力為大家帶來更多實用的文章!