Promise改写获取萤石云直播地址接口示例
短信预约 -IT技能 免费直播动态提醒
改写原因
通常情况下，萤石云的直播地址都是在服务端进行获取，然后存储到数据库中，但是萤石云官方默认同一个ip最多只能使用5个appKey，否则会爆出appKey数量超出安全限制的错误提示。
因此改为前端进行api的调用，来分散ip和appKey之间的绑定（这一点对开发者而言其实意义并不是很大，应为开发者的ip是固定的，测试过程中迟早也会超出数量限制）。
技术选择
需求明确之后，有两种方案可供选择。
- ajax回调
- Promise异步编程解决方案
整个直播链接的获取流程大致如下：
可想而知，如果单纯用ajax进行回调，无疑会陷入回调地狱中，于是果断选择了Promise进行改写（进步源于折腾）。
源码
let serial, channelNo;
function step1(cameraId, perspective) {
return new Promise(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");
}
});
}
)
}
function step2(data) {
serial = data.serial;
channelNo = data.channelNo;
return new Promise(function (resolve, reject) {
if (data.camera || data.accessToken) {//服务器直接返回了摄像头直播信息或accessToken
resolve(data);
} else if (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) {
let tokenData = data.data;
if (data.code == "200" && tokenData) {
resolve(tokenData);
uploadAccessToken(tokenData.accessToken, tokenData.expireTime, 1);
}
},
error: function (e) {
layer.msg("网络异常请稍后再试");
console.log(e);
}
});
}
});
}
function step3(data) {
if (data.camera) {
// console.log("上一步直接返回了camera");
return data.camera;
}
return new Promise((resolve, reject) => {
$.ajax({
type: "POST",
url: "https://open.ys7.com/api/lapp/live/video/list",
data: {
accessToken: data.accessToken,
},
dataType: "json",
success: function (data) {
let addressData = data.data;
if (data.code != '200' || !addressData) {
layer.msg("直播链接获取失败");
console.log("直播链接获取失败");
return;
}
for (let i = 0; i < addressData.length; i++) {
if (addressData[i].deviceSerial == serial && addressData[i].channelNo == channelNo) {
let argObject = {
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);
}
});
});
}
function getCameraAddress(cameraId, perspective) {
return step1(cameraId, perspective).then(step2).then(step3);
}
function uploadAccessToken(accessToken, expireTime, cameraType) {
$.ajax({
type: "POST",
url: "/cameraManage/uploadAccessToken",
data: {
accessToken: accessToken,
expireTime: expireTime,
cameraType: cameraType
},
dataType: "json",
});
}
function uploadYs7CameraAddress(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改写获取萤石云直播地址接口示例的详细内容，更多关于Promise获取直播地址接口的资料请关注编程网其它相关文章！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
