|
|
@@ -1,7 +1,7 @@
|
|
|
// login
|
|
|
|
|
|
var setting = {
|
|
|
- username: "huashe1",
|
|
|
+ username: "huashe3",
|
|
|
password: "huashe123",
|
|
|
ip: "10.55.134.3",
|
|
|
host: "http",
|
|
|
@@ -16,86 +16,139 @@ window.onload = () => {
|
|
|
window.addEventListener(
|
|
|
"message",
|
|
|
async (e) => {
|
|
|
- // 指定域名 防止xss 攻击
|
|
|
- // if (e.origin != "") return;
|
|
|
+ // 指定域名 防止xss 攻击
|
|
|
+ // if (e.origin != "") return;
|
|
|
|
|
|
- if (e.data === "onload") {
|
|
|
- // 登陆 && 保活
|
|
|
- var package = new Package(setting.URL, {
|
|
|
- username: setting.username,
|
|
|
- password: setting.password,
|
|
|
- });
|
|
|
- await package.login();
|
|
|
- }
|
|
|
- // 打开单兵视频
|
|
|
- if (e.data.key === "danbing") {
|
|
|
- const meeting = new Meeting();
|
|
|
- await meeting.getLocalUserInfo();
|
|
|
- const res = await meeting.queryUser(e.data.value);
|
|
|
+ if (e.data === "onload") {
|
|
|
+ // 登陆 && 保活
|
|
|
+ var package = new Package(setting.URL, {
|
|
|
+ username: setting.username,
|
|
|
+ password: setting.password,
|
|
|
+ });
|
|
|
+ await package.login();
|
|
|
+ }
|
|
|
+ // 打开单兵视频
|
|
|
+ if (e.data.key === "danbing") {
|
|
|
+ const meeting = new Meeting();
|
|
|
+ await meeting.getLocalUserInfo();
|
|
|
+ const res = await meeting.queryUser(e.data.value);
|
|
|
|
|
|
- meeting.localUserInfo.name = "danbing_Meeting";
|
|
|
- await meeting.creatMeeting();
|
|
|
- await meeting.startInvite({
|
|
|
- userName: res.userName,
|
|
|
- userId: res.userCode,
|
|
|
- region: res.paasId,
|
|
|
- type: "single",
|
|
|
- // speak:'true',
|
|
|
- number: res.userPhone,
|
|
|
- deviceId: e.data.deviceCode,
|
|
|
- channelId: e.data.channelId,
|
|
|
- });
|
|
|
- await meeting.openClient();
|
|
|
- await meeting.playVideo(meeting.InvitedMembers);
|
|
|
- }
|
|
|
+ meeting.localUserInfo.name = "danbing_Meeting";
|
|
|
|
|
|
- // 视频会议
|
|
|
- if (e.data === "creatMeeting") {
|
|
|
- const el = document.querySelector("#createMeAction");
|
|
|
- const closeEl = document.querySelector("#closeMeAction");
|
|
|
- const userEl = document.querySelector(".user-list");
|
|
|
- const meeting = new Meeting();
|
|
|
+ await meeting.creatMeeting();
|
|
|
+ await meeting.startInvite({
|
|
|
+ userName: res.userName,
|
|
|
+ userId: res.userCode,
|
|
|
+ region: res.paasId,
|
|
|
+ type: "single",
|
|
|
+ // speak:'true',
|
|
|
+ number: res.userPhone,
|
|
|
+ deviceId: e.data.deviceId,
|
|
|
+ channelId: e.data.channelId,
|
|
|
+ });
|
|
|
+ $(".video-container").css({
|
|
|
+ visibility: "visible"
|
|
|
+ })
|
|
|
+ await meeting.openClient(
|
|
|
+ () => {
|
|
|
|
|
|
- closeEl.addEventListener("click", () => {
|
|
|
- window.parent.postMessage("closeIframe", "*");
|
|
|
- });
|
|
|
+ $(".video-action").one("click", () => {
|
|
|
+ meeting.closeClient();
|
|
|
+ meeting.closeVideo();
|
|
|
+ meeting.deleteMeeting();
|
|
|
+ $(".video-container").css({
|
|
|
+ visibility: "hidden"
|
|
|
+ })
|
|
|
+ window.parent.postMessage("closeIframe", "*");
|
|
|
+ })
|
|
|
+ meeting.playVideo({
|
|
|
+ type: "single",
|
|
|
+ number: res.userPhone,
|
|
|
+ deviceId: e.data.deviceId,
|
|
|
+ channelId: e.data.channelId,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
|
|
|
- // 创建会议并打开窗口
|
|
|
- el.addEventListener("click", async () => {
|
|
|
- await meeting.getLocalUserInfo();
|
|
|
- const res = await meeting.queryUser(e.data.value);
|
|
|
- meeting.localUserInfo.name = "video_Meeting";
|
|
|
- await meeting.creatMeeting();
|
|
|
- await meeting.startInvite();
|
|
|
- await meeting.openClient();
|
|
|
+ // 视频会议
|
|
|
+ if (e.data === "creatMeeting") {
|
|
|
+ const meeting = new Meeting();
|
|
|
+
|
|
|
+ // close video meeting iframe
|
|
|
+ $("#closeMeAction").click(() => {
|
|
|
+ meeting.closeClient();
|
|
|
+ meeting.closeVideo();
|
|
|
+ meeting.deleteMeeting();
|
|
|
+ $(".video-container").css({
|
|
|
+ visibility: "hidden"
|
|
|
+ })
|
|
|
+ $(".video-user-content").css({
|
|
|
+ display: "none"
|
|
|
+ })
|
|
|
+ $(".user-list-container").css({
|
|
|
+ visibility: "hidden"
|
|
|
+ })
|
|
|
+ window.parent.postMessage("closeIframe", "*");
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".user-list-container").css({
|
|
|
+ visibility: "visible"
|
|
|
+ })
|
|
|
|
|
|
- const videoEl = document.querySelector(".video-container");
|
|
|
- videoEl && (videoEl.style.visibility = "visible");
|
|
|
- });
|
|
|
+ // 创建会议并打开窗口
|
|
|
+ $("#createMeAction").click(async () => {
|
|
|
+ $(".video-user-content").css({
|
|
|
+ display: "flex"
|
|
|
+ })
|
|
|
+ await meeting.getLocalUserInfo();
|
|
|
+ // const res = await meeting.queryUser(e.data.value);
|
|
|
+ meeting.localUserInfo.name = "video_Meeting";
|
|
|
+ await meeting.creatMeeting();
|
|
|
+ // await meeting.startInvite();
|
|
|
+ await meeting.openClient();
|
|
|
+ $(".video-container").css({
|
|
|
+ visibility: "visible"
|
|
|
+ })
|
|
|
+ });
|
|
|
+ $(".video-action").click(() => {
|
|
|
+ meeting.closeClient();
|
|
|
+ meeting.closeVideo();
|
|
|
+ meeting.deleteMeeting();
|
|
|
+ $(".video-container").css({
|
|
|
+ visibility: "hidden"
|
|
|
+ })
|
|
|
+ })
|
|
|
|
|
|
- // 添加人员, 并播放视频
|
|
|
- userEl.addEventListener("click", async (e) => {
|
|
|
- console.log(e, e.target, e.target.className, e.target.dataset, "+++");
|
|
|
- if (e.target.className === "videoAction" && e.target.dataset.code) {
|
|
|
- const res = await meeting.queryUser(e.target.dataset.code);
|
|
|
- await meeting.startInvite({
|
|
|
- userName: res.userName,
|
|
|
- userId: res.userCode,
|
|
|
- region: res.paasId,
|
|
|
- type: "single",
|
|
|
- // speak:'true',
|
|
|
- number: res.userPhone,
|
|
|
- deviceId: e.data.deviceCode,
|
|
|
- channelId: e.data.channelId,
|
|
|
- });
|
|
|
- await meeting.playVideo(meeting.InvitedMembers);
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- if (e.data === "openClient") {
|
|
|
- await meeting.openClient();
|
|
|
- }
|
|
|
- },
|
|
|
- false
|
|
|
+ // 添加人员, 并播放视频
|
|
|
+ $(".user-list").click(async (e) => {
|
|
|
+ console.log(e, e.target, e.target.className, e.target.dataset, "+++");
|
|
|
+ if (e.target.className === "videoAction" && e.target.dataset.code) {
|
|
|
+ const res = await meeting.queryUser(e.target.dataset.code);
|
|
|
+ await meeting.startInvite({
|
|
|
+ userName: res.userName,
|
|
|
+ userId: res.userCode,
|
|
|
+ region: res.paasId,
|
|
|
+ type: "single",
|
|
|
+ // speak:'true',
|
|
|
+ number: res.userPhone,
|
|
|
+ deviceId: res.deviceId,
|
|
|
+ channelId: res.chnId,
|
|
|
+ });
|
|
|
+ // await meeting.playVideo(meeting.InvitedMembers);
|
|
|
+ meeting.playVideo({
|
|
|
+ type: "single",
|
|
|
+ number: res.userPhone,
|
|
|
+ deviceId: res.deviceId,
|
|
|
+ channelId: res.chnId,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (e.data === "openClient") {
|
|
|
+ await meeting.openClient();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ false
|
|
|
);
|
|
|
-};
|
|
|
+};
|
