萤石云视频接入
本示例可用于实际接入萤石云开放平台视频,同时支持音频输入和输出。
实际优化内容
1.动态获取token
2.切换各公司和车间时,自动重新初始化播放器
let EZUIKit = null; // 第三方库引用
let EZUIKitPlayers = []; // 播放器实例数组
let gss = ''; // 全局保存当前选择的 gss 值
let accessToken = ''; // 存储动态获取的 accessTokenconst APP_KEY = '----------------'; // 替换为实际 appKey
const APP_SECRET = '-----------'; // 替换为实际 appSecret// 页面加载时引入 ezuikit.js 并初始化播放器
Page.onLoad = function () {System.import('/gemcoderAppResource?appuuid=11ce5afa919d4289bdb6e71912c172b0&path=/files/ezuikit.js&resourcesId=1280590&version=0').then(res => {EZUIKit = res.default;return fetchAccessToken(); // 先获取 token}).then(token => {accessToken = token;initPlayers(gss); // 使用当前 gss 初始化播放器}).catch(err => {console.error('初始化失败:', err);});
};// 下拉选择变化时更新 gss 并重新初始化播放器
Page.下拉选择OnChange = function () {gss = gmcom.gs.value;console.log('选中的 gss:', gss);if (EZUIKit && accessToken) {initPlayers(gss);} else {console.warn('EZUIKit 或 accessToken 尚未准备好');}
};// 获取 accessToken
function fetchAccessToken() {const url = 'https://open.ys7.com/api/lapp/token/get';
return new Promise((resolve, reject) => {fetch(url, {method: 'POST',headers: {'Content-Type': 'application/x-www-form-urlencoded'},body: new URLSearchParams({appKey: APP_KEY,appSecret: APP_SECRET})}).then(response => response.json()).then(data => {if (data.code === '200') {resolve(data.data.accessToken);} else {reject(new Error(`获取 token 失败: ${data.msg}`));}}).catch(error => {reject(error);});
});
}
// 根据 gss 获取摄像头配置(不再包含 accessToken)
function getPlayerConfigs(gss) {const commonUrls = ['ezopen://open.ys7.com/-----1.hd.live','ezopen://open.ys7.com/---/1.hd.live','ezopen://open.ys7.com/-----/1.hd.live','ezopen://open.ys7.com/-------/1.hd.live'];
let urls = [];switch (gss) {case '0102':urls = ['ezopen://open.ys7.com/-------/1.hd.live','ezopen://open.ys7.com/------/1.hd.live','ezopen://open.ys7.com/------/1.hd.live'];break;case '0103':urls = ['ezopen://open.ys7.com/--------1.hd.live','ezopen://open.ys7.com/-----/1.hd.live','ezopen://open.ys7.com/------/1.hd.live','ezopen://open.ys7.com/--------/1.hd.live'];break;case '0110':urls = ['ezopen://open.ys7.com/-------/1.hd.live','ezopen://open.ys7.com/--------/1.hd.live','ezopen://open.ys7.com/--------/1.hd.live','ezopen://open.ys7.com/---------/1.hd.live'];break;default:urls = [...commonUrls];
}const baseIds = ['yt-dtView-10374446859161','yt-dtView-10474436971042','yt-dtView-17744698706218','yt-dtView-10744075992380'
];return urls.map((url, index) => ({id: baseIds[index],url: url
}));
}//
清理播放器资源
function clearPlayers() {if (EZUIKitPlayers.length > 0) {EZUIKitPlayers.forEach(player => {if (player.stop) player.stop();});EZUIKitPlayers = [];}
}// 初始化播放器
function initPlayers(gss) {clearPlayers();
const playerConfigs = getPlayerConfigs(gss);playerConfigs.forEach(config => {const player = new EZUIKit.EZUIKitPlayer({id: config.id,accessToken: accessToken, // 使用动态获取的 tokenurl: config.url,autoplay: false,audio: 0,handleSuccess: () => {// 成功回调},handleError: (e) => {if (typeof doEvent === 'function') {doEvent('onError', e);} else {console.error('doEvent 未定义:', e);}}});EZUIKitPlayers.push(player);
});
}
// 播放按钮
Page.按钮OnClick = function () {EZUIKitPlayers.forEach(player => player.play());
};// 暂停按钮
Page.按钮11OnClick = function () {EZUIKitPlayers.forEach(player => player.stop());
};// 切换地址按钮
Page.按钮111OnClick = function () {const newUrls = ['ezopen://open.ys7.com/-----/1.live','ezopen://open.ys7.com/------/1.live','ezopen://open.ys7.com/-----/1.live','ezopen://open.ys7.com/------/1.live'
];EZUIKitPlayers.forEach((player, index) => {if (index < newUrls.length) {player.stop().then(() => {player.play({ url: newUrls[index], accessToken: accessToken });});}
});
}