const app = getApp(); const { getBanner, listByDevice } = require('../../utils/api.js'); import timeUtil from '../../utils/time_util.js'; import strings from '../../utils/strings.js'; import route_constant from '../../utils/route_constant.js'; import route_util from '../../utils/route_util.js'; import { BtHelper } from '../../devices/bt_helper.js'; Page({ data: { nvabarData: { showCapsule: 0, //是否显示左上角图标 1表示显示 0表示不显示 title: 'OhPlay', //导航栏 中间的标题 }, ///下午好 isLogin: false, greeting: "", bannerList: [], autoplay: true, interval: 3000, // 切换时间间隔 duration: 500, // 滑动动画时长 circular: true, // 衔接滑动 indexPage: 0, ///是否展示频道 showChannel: false, ////首页 navBarHeight: app.globalData.navBarHeight, MenuButtonheight: app.globalData.MenuButtonheight, MenuButtonTop: app.globalData.MenuButtonTop, actionIndex: null, luoma: ["Ⅰ", "Ⅱ", "Ⅲ", "Ⅳ", "Ⅴ", "Ⅵ", " Ⅶ", "Ⅷ", "Ⅸ", "Ⅹ", "Ⅺ", "Ⅻ"], channelData: [], deviceList: [], deviceListIndex: null, isOneLoading: true, uid: null, isSetWake: false, thisDeviceMac: null, battery: 4, // 0≤电量<20,0格 ////我的界面 loginStatus: true, nickName: "未登录", userPic: './../../img/head_pic.png' }, onLoad(options) { var that = this; that.onDeviceLoad(); that.onUserInfoLoad(); that.onBannerLoad(); }, onShow() { var that = this; that.onHomeShow(); that.onBannerShow(); }, onHomeShow() { var that = this; var userInfo = wx.getStorageSync("userInfo") || ""; if (!strings.isEmpty(userInfo)) { // 获取设备本地数据 if (app.globalData.newDeviceId) { that.addNewDeviceId(); } else if (app.globalData.client == null) { app.connect(); } else if (that.data.deviceListIndex == null && that.data.deviceList.length > 0) { that.actionDevice(0) } } else { if (app.globalData.client == null) { app.connect(); } } }, tryConnectBle() { var hasBle = false; var hasConnectBle = false; var hasWifi = false; var bleDevice; let that = this this.data.deviceList.forEach(device => { if (device.connectType == 1) { hasBle = true if (device.state == "online") { hasConnectBle = true } bleDevice = device } else if (device.connectType == 3 && device.state == "online") { // wifi hasWifi = true; } }); if (!hasWifi && !hasConnectBle && hasBle) { // 没有wifi 没有连接的ble 有未连接的ble console.log("去连接蓝牙") let bt_helper = BtHelper.getInstance() bt_helper.initBluetooth(function (adapterState, hasPermission) { console.log("蓝牙状态", adapterState, hasPermission) if (adapterState && hasPermission) { bt_helper.connect(bleDevice, function (data) { console.log("连接成功:", data) if (data == true) { // 蓝牙模式 bleDevice.connectType = 1 // 在线 bleDevice.state = 'online' bleDevice.ProdModel = bleDevice.clientType that.addConnectBlueDevice(connectDevice); } }) } else {} }) } }, onDeviceLoad() { var that = this; BtHelper.getInstance().initBluetoothAdapter(); var deviceList = wx.getStorageSync("deviceList") || ""; if (!strings.isEmpty(deviceList)) { var list = JSON.parse(deviceList); that.updateDeviceList(list, true); // that.tryConnectBle() } }, addNewDeviceId() { // 连接mqtt var that = this; if (app.globalData.client === null) { app.connect(); } else if (app.globalData.newDeviceId) { //监听 var deviceList = that.data.deviceList; if (deviceList.length == 0) { return; } ///连接新添加的设备 var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex != null) { if (deviceList.length > deviceListIndex) { if (deviceList[deviceListIndex].deviceId != deviceList[0].deviceId) { that.setData({ actionIndex: null, deviceListIndex: null, }); } } else { that.setData({ actionIndex: null, deviceListIndex: null, }); } } var topic = `/AIrSMArT_${deviceList[0].deviceId.split("BLUFI_")[1]}/status/onoffline`; app.subscribe(topic); const Timeout = setTimeout(() => { clearTimeout(Timeout); that.actionDevice(0); }, 500); } }, // 回调 mqttCallback(type, option) { console.log("gadsfadsfadsfa==888===" + type); var that = this; let payloads = null; if (option) { payloads = JSON.parse(option.payload); }; switch (type) { ///连接成功订阅 case "connect": that.subscribeDevicesStatus(); break; case "message_onoffline": that.onlineDevice(payloads); break; case "message": // 接收设备播放信息 // if (!that.data.isLogin) { // return; // } ///获取频道数据 ///锁定播放哪一个频道 if (payloads.type === "get_position" && payloads.other) { let actionIndex = null; that.data.channelData.map((v, index) => { if (v.channelNum === payloads.other.channel) { actionIndex = index; } }); that.setData({ actionIndex, }); } ///获取播放状态 else if (payloads.type === "play" || payloads.type === "play_state") { var deviceList = that.data.deviceList; var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex === null || deviceList.length <= deviceListIndex) { return }; var deviceId = deviceList[deviceListIndex].deviceId; // 接收设备当前播放状态 const obj = { DstDeviceName: that.getThisDeviceID(deviceId) } app.PubMsg({ type: "get_position", ...obj }); } ///获取频道列表数据 else if (payloads.type === "get_dev_info") { // 接收设备当前信息 that.getchannelData(payloads.other.ProdModel); // 电量 that.setData({ battery: that._battery(payloads.other.Power), }) // 当前设备木有设置定时 that.setData({ isSetWake: false, }); payloads.other.alarm.map((v) => { if (v.enable === "1") { that.setData({ isSetWake: true }); } }); // 更新信息 ///连上就调用2次 var isUpdate = false; // payloads.SrcDeviceName:AIrSMArT_7cdfa1fcbb24 var deviceList = that.data.deviceList; if (!strings.isEmpty(deviceList)) { for (var i = 0; i < deviceList.length; i++) { if (payloads.SrcDeviceName) { var deviceId = deviceList[i].deviceId; var splitDeviceId = deviceId.split("BLUFI_"); if (splitDeviceId.length == 2) { var index = payloads.SrcDeviceName.indexOf(splitDeviceId[1]); if (index !== -1 && deviceList[i].ProdModel != payloads.other.ProdModel && deviceList[i].devName != payloads.other.devName) { isUpdate = true; deviceList[i].ProdModel = payloads.other.ProdModel; deviceList[i].devName = payloads.other.devName; break; } } } } } ///数据有更新 if (isUpdate) { that.updateDeviceList(deviceList, false); } } else if (payloads.type === "battery" && payloads.other) { that.setData({ battery: that._battery(payloads.other.battery), }) } break; default: } }, // 格式化电量 _battery(battery) { let _battery = 0; if (battery < 20) { _battery = 0 } else if (20 <= battery && battery < 40) { _battery = 1 } else if (40 <= battery && battery < 60) { _battery = 2 } else if (60 <= battery && battery < 80) { _battery = 3 } else if (80 <= battery && battery <= 100) { _battery = 4 } else if (battery > 100) { _battery = 5 }; return _battery }, // [{"deviceId":"BLUFI_7cdfa1fcbb24","name":"BLUFI_7cdfa1fcbb24","state":"online","ProdModel":"MW-2AX(WIFI-N)","devName":"猫王小王子OTR-X"}] ///连上就调用2次 处理离线在线问题 wifi设备 BLUFI_ /// payloads:{"uuid":"AIrSMArT_7cdfa1fcbb24","state":"online","userid":"1"} // [{"deviceId":"BLUFI_7cdfa1fcbb24","name":"BLUFI_7cdfa1fcbb24","state":"online","ProdModel":"MW-2AX(WIFI-N)","devName":"猫王小王子OTR-X"}] onlineDevice(payloads) { // 设置在线状态 var that = this; console.log("gadsfadsfadsfa==777===" + JSON.stringify(payloads)); ///是否更新过在线离线状态 var isUpdate = false; var deviceList = that.data.deviceList; if (!strings.isEmpty(deviceList)) { for (var i = 0; i < deviceList.length; i++) { if (payloads.uuid) { var deviceId = deviceList[i].deviceId; var splitDeviceId = deviceId.split("BLUFI_"); if (splitDeviceId.length == 2) { var index = payloads.uuid.indexOf(splitDeviceId[1]); if (index !== -1) { if (deviceList[i].state != payloads.state) { isUpdate = true; deviceList[i].state = payloads.state; break; } } } } } } ///数据有更新 if (isUpdate) { that.updateDeviceList(deviceList, false); } ///当前没有连接设备,则去连接第一个wifi设备 var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex === null) { var list = that.data.deviceList; for (var i = 0; i < list.length; i++) { if (list[i].state === "online" && list[i].connectType == 3) { that.actionDevice(i); break; } } } else { // 当前播放设备离线 if (that.data.deviceList.length > deviceListIndex && that.data.deviceList[deviceListIndex].state !== "online") { that.setData({ actionIndex: null, deviceListIndex: null, }); }; } }, // 订阅设备在线状态 subscribeDevicesStatus() { var that = this; var deviceList = that.data.deviceList; if (!strings.isEmpty(deviceList)) { for (var i = 0; i < deviceList.length; i++) { if (deviceList[i].connectType == 3) { let topic = `/AIrSMArT_${deviceList[i].deviceId.split("BLUFI_")[1]}/status/onoffline`; app.subscribe(topic); } } } }, subscribeCurrDevice() { var that = this; if (!(app.globalData.client && app.globalData.client.connected)) { console.log("未连接MQTT服务器"); const str = setInterval(() => { clearInterval(str); that.subscribeCurrDevice(); }, 500); return; }; var deviceList = that.data.deviceList; var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex === null || deviceList.length <= deviceListIndex) { return }; var tempDevice = that.data.deviceList[deviceListIndex]; var tempDeviceId = tempDevice.deviceId; ///删除当前选中这个 deviceList.splice(deviceListIndex, 1); ///添加到第一个去 deviceList.unshift(tempDevice); that.setData({ deviceListIndex: 0, deviceList: deviceList, }); let topic = `/AIrSMArT_${tempDeviceId.split("BLUFI_")[1]}/user/pub_response`; app.subscribe(topic); const obj = { DstDeviceName: that.getThisDeviceID(tempDeviceId) }; app.PubMsg({ type: "get_dev_info", ...obj }); }, actionMusic(e) { var that = this; if (e.currentTarget.dataset.index === that.data.actionIndex) { return; }; if (that.data.deviceListIndex === null) { wx.showToast({ title: '请选择设备', icon: "none" }) return; }; that.setData({ actionIndex: e.currentTarget.dataset.index }); var deviceList = that.data.deviceList; var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex === null || deviceList.length <= deviceListIndex) { return }; var deviceId = deviceList[deviceListIndex].deviceId; const other = { "url": "", "media_data": "", "user_id": `${app.globalData.userInfo.deviceUid}`, "timestamp": `${Math.round(new Date() / 1000)}`, "channel_id": `${that.data.channelData[e.currentTarget.dataset.index].channelNum}`, "order": "", "resource_from": "", "songAlbumID": "", "version": 3, "is_debug": app.globalData.is_debug }; app.PubMsg({ type: "play", DstDeviceName: that.getThisDeviceID(deviceId), other }); }, getThisDeviceID(deviceId) { return `AIrSMArT_${deviceId.split("BLUFI_")[1]}` }, getchannelData(clientType) { var that = this; var deviceList = that.data.deviceList; var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex === null || deviceList.length <= deviceListIndex) { return; }; var deviceId = deviceList[deviceListIndex].deviceId; listByDevice({ clientType }).then((res) => { that.setData({ channelData: res }); // 接收设备当前播放状态 const obj = { DstDeviceName: that.getThisDeviceID(deviceId) } app.PubMsg({ type: "get_position", ...obj }); wx.setStorageSync("channelData", res); // 有新设备 if (app.globalData.newDeviceId) { app.globalData.newDeviceId = null; return; } }) }, ///去频道详情 onTapToChannel() { var that = this; if (that.data.channelData.length > that.data.actionIndex) { wx.setStorageSync("channelDeta", that.data.channelData[that.data.actionIndex]); wx.navigateTo({ url: './../channelDetails/channelDetails' }); } }, onUnload() { if (app.globalData.client === null) { return; }; app.globalData.client.end(true); app.globalData.client.end(true); app.globalData.client = null; }, onTapIndex(e) { var that = this; var index = e.currentTarget.dataset.index; var indexPage = that.data.indexPage; if (indexPage != index) { that.setData({ indexPage: index, }); } }, goMeAbout() { wx.navigateTo({ url: './../about/about', }) }, onTapLogin() { var that = this; ///退出登录 if (that.data.isLogin) { that.logOut(); } // 登录 else { route_util.jump(route_constant.login); } }, ///退出登录 logOut() { var that = this; ///有设备在线被选中,则让它不被选择 var deviceListIndex = that.data.deviceListIndex; if (deviceListIndex != null) { var list = that.data.deviceList; if (list.length > deviceListIndex) { if (list[deviceListIndex].connectType == 3) { if (that.data.thisDeviceMac !== null) { app.unsubscribe(`/${that.data.thisDeviceMac}/user/pub_response`); that.setData({ actionIndex: null, deviceListIndex: null, }); }; } } } wx.removeStorageSync('userInfo'); wx.removeStorageSync('token'); var nickName = "未登录"; var greeting = that.getGreetBuNickName(nickName); that.setData({ isLogin: false, greeting: greeting, nickName: nickName, userPic: "./../../img/head_pic.png", }); }, ///添加设备 addDevice() { var that = this; if (!that.data.isLogin) { route_util.jump(route_constant.login); return; } ///跳转设备列表 route_util.jump(route_constant.deviceList); }, ///点击item // [{"deviceId":"BLUFI_7cdfa1fcbb24","name":"BLUFI_7cdfa1fcbb24","state":"online","ProdModel":"MW-2AX(WIFI-N)","devName":"猫王小王子OTR-X"}] onTapItem(e) { var that = this; if (!that.data.isLogin) { route_util.jump(route_constant.login); return; } var item = e.currentTarget.dataset.item; console.log("点击item:", item) var connectType = item.connectType; // wifi只支持在线点击 if (connectType == 3 && item.state === "online") { if (e.currentTarget.dataset.index === that.data.deviceListIndex) { that.goWake(); } else { that.actionDevice(e.currentTarget.dataset.index) } return; } ///去蓝牙连接处理 if (e.currentTarget.dataset.index === that.data.deviceListIndex) { console.log(item) route_util.jumpParam('/pages/deviceDetail/detail', JSON.stringify(item)) } else if (item.state === "offline") { console.log("去连接蓝牙") } else { console.log("去添加蓝牙") that.addConnectBlueDevice({ deviceId: item.deviceId, name: item.devName, state: item.state, clientType: item.ProdModel ?? item.clientType, mac: item.mac, }); } }, actionDevice(index) { var that = this; if (!that.data.isLogin) { return; } if (that.data.deviceList.length <= index) { return; }; const device = that.data.deviceList[index]; if (device.state !== "online") { return; }; // 取消订阅 if (that.data.thisDeviceMac !== null) { app.unsubscribe(`/${that.data.thisDeviceMac}/user/pub_response`); }; that.setData({ deviceListIndex: index, thisDeviceMac: `AIrSMArT_${that.data.deviceList[index].deviceId.split("BLUFI_")[1]}` }); // app.PubMsg({ // type: "get_dev_info", // DstDeviceName: that.getThisDeviceID() // }); that.subscribeCurrDevice(); }, goWake() { var that = this; if (that.data.deviceListIndex === null) { return; }; wx.navigateTo({ url: './../deviceWake/deviceWake?deviceId=' + that.data.deviceList[that.data.deviceListIndex].deviceId + "&clientType=" + that.data.deviceList[that.data.deviceListIndex].ProdModel, }); }, ///点击banner事件 onTapBanner() { var that = this; var item = e.currentTarget.dataset.item; }, ///删除当前设备 deleteDevice(e) { var that = this; wx.showModal({ title: '确定删除?', success: function (res) { if (res.confirm) { if (that.data.deviceList[e.currentTarget.dataset.index].connectType != 3) { const id = that.data.deviceList[e.currentTarget.dataset.index].deviceId; const deviceList = that.data.deviceList.filter((item, i) => { return id !== item.deviceId }); wx.setStorageSync("deviceList", JSON.stringify(deviceList)); that.setData({ deviceList, }); // 当前没有设备 if (deviceList.length === 0) { that.setData({ deviceListIndex: null, }); } return; } const id = that.data.deviceList[e.currentTarget.dataset.index].deviceId; let name = that.data.deviceListIndex !== null ? that.data.deviceList[that.data.deviceListIndex].name : null; const deviceList = that.data.deviceList.filter((item, i) => { return id !== item.deviceId }); // 取消订阅 app.unsubscribe(`/AIrSMArT_${that.data.deviceList[e.currentTarget.dataset.index].name.split("BLUFI_")[1]}/user/pub_response`); wx.setStorageSync("deviceList", JSON.stringify(deviceList)); that.setData({ deviceList, thisDeviceMac: null }); // 当前没有设备 if (deviceList.length === 0) { that.setData({ actionIndex: null, deviceListIndex: null, }); } if (that.data.deviceListIndex === null) { return }; if (e.currentTarget.dataset.index === that.data.deviceListIndex) { let index_ = null; deviceList.map((v, index) => { if (v.state === "online" && index_ === null) { index_ = index; } }); if (index_ !== null) { that.actionDevice(index_); } else { that.setData({ actionIndex: null, deviceListIndex: null, }); }; } else { deviceList.map((v, index) => { if (v.name === name) { that.setData({ deviceListIndex: index, }); } }); } } } }); }, // {"applicationType":"[0, 1]","deviceId":"DB:45:DD:76:42:15","img":"https://music-play.oss-cn-shenzhen.aliyuncs.com/device/20220909100711728016597.png","offlineImg":"https://music-play.oss-cn-shenzhen.aliyuncs.com/device/20220909100714667384264.png","connectImg":null,"name":"猫王音响·小王子 OTR-X","bluetoothName":"猫王音响·小王子 OTR-X","bluetoothNames":["猫王音响·小王子 OTR-X"],"isChannelsPlatforms":0,"platform":-1,"typeList":[{"is5g":0,"type":1,"connectType":1,"functionList":[1,3,6],"deviceLinkResp":{"icon1":"https://music-play.oss-cn-shenzhen.aliyuncs.com/device/20220909100644913162836.png","icon2":"https://music-play.oss-cn-shenzhen.aliyuncs.com/device/20220909100648938942906.png","icon":null,"guideUrl":null}},{"is5g":0,"type":2,"connectType":3,"functionList":[1,3],"deviceLinkResp":{"icon1":"https://music-play.oss-cn-shenzhen.aliyuncs.com/device/20230313155903515728925.png","icon2":"https://music-play.oss-cn-shenzhen.aliyuncs.com/device/20230313155910706032704.png","icon":null,"guideUrl":null}}],"clientType":"MW-2AX(WIFI)","firstVersion":"0.0.1","filter":null,"guideUrl":null,"manufacturer":"ShanJing","deviceType":0,"mac":"9b45dd76e2150000", /// deviceList /// 连接方式:bt-0,ble-1,upnp-2,mqtt-3 /// clientType // [{"deviceId":"BLUFI_7cdfa1fcbb24","name":"BLUFI_7cdfa1fcbb24","state":"online","ProdModel":"MW-2AX(WIFI-N)","devName":"猫王小王子OTR-X"}] ///新添加蓝牙设备 addConnectBlueDevice(newDevice) { var that = this; // 同一个设备 var deviceList = that.data.deviceList; var tempList = deviceList.filter((v) => v.deviceId === newDevice.deviceId); if (tempList && tempList.length > 0) { deviceList = deviceList.filter((v) => v.deviceId !== newDevice.deviceId); }; console.log("添加蓝牙设备:", newDevice); deviceList.unshift({ /// 蓝牙ble连接 connectType: 1, deviceId: newDevice.deviceId, name: newDevice.deviceId, state: "online", ProdModel: newDevice.clientType, devName: newDevice.name, mac: newDevice.mac, }); ///在线排序前面,wifi设备排序前面 that.updateDeviceList(deviceList, false); var indexPage = that.data.indexPage; if (indexPage != 0) { that.setData({ indexPage: 0, deviceListIndex: 0, }); } else { that.setData({ deviceListIndex: 0, }); } }, ///新添加wifi设备 addConnectWifiDevice(deviceList) { var that = this; ///在线排序前面,wifi设备排序前面 that.updateDeviceList(deviceList, false); var indexPage = that.data.indexPage; if (indexPage != 0) { that.setData({ indexPage: 0, deviceListIndex: 0, }); } else { that.setData({ deviceListIndex: 0, }); } }, ///更新列表排序 updateDeviceList(deviceList, isInit) { if (deviceList.length == 0) { return; } var that = this; var finalList = []; finalList.push(deviceList[0]); console.log("online", deviceList[0].deviceId, deviceList[0].state); var onLineList = []; var onNoLineList = []; ///区分在线和离线 for (var i = 0; i < deviceList.length; i++) { if (isInit) { deviceList[i].state = "offline"; } else { if (i > 0) { if (deviceList[i].state == "online") { onLineList.push(deviceList[i]) } else { onNoLineList.push(deviceList[i]) } } } } // 区分在线wifi和蓝牙 wifi在前 离线在后 var onLineWifiList = []; var onLineNoWifiList = []; onLineList.forEach(element => { if (element.connectType == 3) { onLineWifiList.push(element) } else { onLineNoWifiList.push(element) } }); finalList = finalList.concat(onLineWifiList); finalList = finalList.concat(onLineNoWifiList); ///区分离线wifi和蓝牙 wifi在前 离线在后 var onNoLineWifiList = []; var onNoLineNoWifiList = []; onNoLineList.forEach(element => { if (element.connectType == 3) { onNoLineWifiList.push(element) } else { onNoLineNoWifiList.push(element) } }); finalList = finalList.concat(onNoLineWifiList); finalList = finalList.concat(onNoLineNoWifiList); // 更新缓存 wx.setStorageSync("deviceList", JSON.stringify(finalList)); that.setData({ deviceList: finalList }); getApp().globalData.deviceList = finalList; }, ///******************************* 可折叠 ********************************************/// onUserInfoLoad() { var that = this; var userInfo = wx.getStorageSync("userInfo") || ""; if (!strings.isEmpty(userInfo)) { var phone = userInfo.phone; if (!phone) { return; }; var nickName = userInfo.nickname || ""; var greeting = that.getGreetBuNickName(nickName); // 获取缓存的频道数据 var channelData = wx.getStorageSync("channelData") || ""; if (!strings.isEmpty(channelData)) { that.setData({ channelData: channelData, greeting: greeting, nickName: nickName, userPic: userInfo.headUrl || "", isLogin: true, }) } else { that.setData({ greeting: greeting, nickName: nickName, userPic: userInfo.headUrl || "", isLogin: true, }); } } else { var greeting = that.getGreetBuNickName(""); that.setData({ greeting: greeting, }) } }, getGreetBuNickName(nickName) { var greeting = timeUtil.getGreet(); if (nickName != "" && nickName != "未登录") { greeting = greeting + ',' + nickName;; } return greeting; }, onBannerLoad() { var that = this; var bannerList = wx.getStorageSync("homeBanner") || []; if (that.data.bannerList.length == 0) { that.setData({ bannerList: bannerList }); } }, onBannerShow() { var that = this; getBanner({}).then((res) => { that.setData({ bannerList: res }); wx.setStorageSync("homeBanner", res); }) }, }) // 去掉此功能,先留着吧 // const other= { // "url": "", // "media_data": "", // "user_id": `${app.globalData.userInfo.deviceUid}`, // "timestamp": `${Math.round(new Date() / 1000)}`, // "channel_id": `${res[1].channelNum}`, // "order": "", // "resource_from": "", // "songAlbumID":"", // "version":3, // "is_debug": app.globalData.is_debug // }; // app.PubMsg({ // type: "play", // DstDeviceName: that.getThisDeviceID(), // other // });