1546 lines
44 KiB
JavaScript
1546 lines
44 KiB
JavaScript
|
||
|
||
//index.js
|
||
//获取应用实例
|
||
const app = getApp();
|
||
const utils = require("../../../utils/utils.js");
|
||
const recorderManager = wx.getRecorderManager();
|
||
|
||
const options = {
|
||
duration: 60000, //指定录音的时长，单位 ms，最大为10分钟（600000），默认为1分钟（60000）
|
||
sampleRate: 16000, //采样率
|
||
numberOfChannels: 1, //录音通道数
|
||
format: 'mp3', //音频格式，有效值 aac/mp3
|
||
}
|
||
|
||
var livePlayerContext;
|
||
|
||
|
||
|
||
Page({
|
||
data: {
|
||
scene: 1001,
|
||
accessToken: '',
|
||
deviceSerial: '',
|
||
channelNo: '1',
|
||
list: [
|
||
{
|
||
id: 'ptz',
|
||
name: '云台控制',
|
||
status: -1,
|
||
normalPath: './images/ptz.png',
|
||
disablePath: './images/ptz_disable.png',
|
||
activePath:'./images/ptz.png',
|
||
},
|
||
{
|
||
id: 'voice',
|
||
name: '语音播报',
|
||
status: -1,
|
||
normalPath: './images/voice.png',
|
||
disablePath: './images/voice_disable.png',
|
||
// activePath: './images/voice_active.png',
|
||
activePath: './images/voice.gif',
|
||
},
|
||
{
|
||
id: 'mirror',
|
||
name: '镜像翻转',
|
||
status: -1,
|
||
normalPath: './images/fanzhuan.png',
|
||
disablePath: './images/fanzhuan_disable.png',
|
||
activePath: './images/fanzhuan.png',
|
||
},
|
||
{
|
||
id: 'cover',
|
||
name: '镜头遮蔽',
|
||
status: -1,
|
||
normalPath: './images/yinsi.png',
|
||
disablePath: './images/yinsi_disable.png',
|
||
activePath: './images/yinsi_active.png',
|
||
},
|
||
],
|
||
videoSrc:"",
|
||
videoHDSrc: "",
|
||
panelStatus: 0, //0: 展示面板 1：进入云台 2-进入语音播报 3-进入镜像翻转 4-进入镜头遮蔽,
|
||
ptzDisabled: true,
|
||
voiceDiasbled: true,
|
||
mirrorDisabled: true,
|
||
mirrorInterval: false,
|
||
coverDisabled: true,
|
||
coverInterval: false,
|
||
showVideoControls: true,
|
||
autoHideTimer: undefined,
|
||
videoLoadingStatus: 0,
|
||
playVideo: false,
|
||
videoNetWorkError: false,
|
||
objectFit:'contain',
|
||
openSound: true,
|
||
isHD: false,
|
||
showHDSelect: false,
|
||
fullScreen: false,
|
||
ptzStatus: 0, //0-初始化 1-top noraml 2-downnoraml 3-left normal 4-right normal 5-top noraml 6-down limit 7-left limit 8-right limit
|
||
ptzLoading: false,
|
||
ptzLimit: '',
|
||
deviceOffline: false,
|
||
deviceOfflineTime: new Date(),
|
||
deviceName: '',
|
||
currentPtzImg: './images/yuntai/normal.png',
|
||
// 语音播报
|
||
activeDefaultVoiceName: '',
|
||
activeCustomVoiceName: '',
|
||
defaultVoiceList: [], // 默认语音列表
|
||
defaultVoiceTotal: 0, // 默认语音总数
|
||
defaultVoicePage: 0, // 默认语言当前页
|
||
defaultVoiceListLoading: false,
|
||
defaultVoiceNoMore: false,
|
||
customVoiceList: [], // 默认语音列表
|
||
customVoiceTotal: 0, // 默认语音总数
|
||
customVoicePage: 0, // 默认语言当前页
|
||
customVoiceListLoading: false,
|
||
customVoiceListNoMore: false,
|
||
recoderTime:60,
|
||
recoderTimer: undefined,
|
||
sendingOnceVoice: false,
|
||
dialogTitle: '',
|
||
dialogContent: '',
|
||
buttons: [{text: '知道了'}],
|
||
dialogShow: false,
|
||
pathParam: '',
|
||
imgUrl:'./images'
|
||
},
|
||
onLaunch(){
|
||
console.log(onLaunch);
|
||
},
|
||
onShow () {
|
||
console.log("show");
|
||
var launchOptions = wx.getLaunchOptionsSync();
|
||
const pathParam = launchOptions.query.scene;
|
||
console.log('pathParam:',pathParam);
|
||
this.setData({
|
||
pathParam: pathParam
|
||
});
|
||
if (pathParam) {
|
||
this.getWxaInfo();
|
||
}
|
||
// Do something when show.
|
||
this.checkNetWork();
|
||
},
|
||
onHide () {
|
||
// Do something when hide.
|
||
console.log("hide")
|
||
this.setData({
|
||
panelStatus:0,
|
||
})
|
||
},
|
||
onError (msg) {
|
||
console.log(msg)
|
||
},
|
||
onLoad(query){
|
||
var launchOptions = wx.getLaunchOptionsSync();
|
||
const { accessToken, deviceSerial,channelNo,scene } = query;
|
||
console.log("scene",scene)
|
||
this.setData({
|
||
scene: parseInt(scene,10) || launchOptions.scene,
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
panelStatus:0,
|
||
});
|
||
if (accessToken) {
|
||
this.getPlayUrl();
|
||
this.getDeviceInfo();
|
||
this.getDeviceCoverInfo();
|
||
}
|
||
this.setData({
|
||
showOneButtonDialog: true
|
||
});
|
||
// 录音模块
|
||
recorderManager.onStart(() => {
|
||
console.log('recorder start');
|
||
})
|
||
recorderManager.onPause(() => {
|
||
console.log('recorder pause');
|
||
this.speakEnd();
|
||
})
|
||
recorderManager.onInterruptionBegin(this.speakEnd);
|
||
|
||
recorderManager.onStop((res) => {
|
||
console.log('recorder stop', res)
|
||
const { recoderTime } = this.data;
|
||
const { tempFilePath } = res;
|
||
if(recoderTime >= 59) {
|
||
this.setData({
|
||
recoderTime: 60,
|
||
})
|
||
clearTimeout(this.data.recoderTimer);
|
||
return false;
|
||
}
|
||
this.setData({
|
||
sendingOnceVoice: true,
|
||
})
|
||
wx.uploadFile({
|
||
url: 'https://open.ys7.com/api/lapp/voice/sendonce', //仅为示例，非真实的接口地址
|
||
filePath: tempFilePath, //tempFilePaths[0],
|
||
name: 'voiceFile',
|
||
formData: {
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
},
|
||
header: {
|
||
'content-type': 'amultipart/form-data' // 默认值
|
||
},
|
||
success: (res)=> {
|
||
let data = res.data;
|
||
if(!data.code){
|
||
data = JSON.parse(data);
|
||
}
|
||
if(data.code == 200) {
|
||
console.log("发送成功");
|
||
}else if(data.code =='111012') { // 设备正忙
|
||
wx.showToast({
|
||
title: '操作中，请稍后再试',
|
||
icon:'none',
|
||
})
|
||
}else if(data.code =='20007') { // 设备正忙
|
||
wx.showToast({
|
||
title: '设备不在线',
|
||
icon:'none',
|
||
})
|
||
}else if(data.code =='20008') { // 设备正忙
|
||
wx.showToast({
|
||
title: '设备响应超时',
|
||
icon:'none',
|
||
})
|
||
}else {
|
||
wx.showToast({
|
||
title: data.msg,
|
||
icon: 'none',
|
||
})
|
||
}
|
||
this.setData({
|
||
recoderTime: 60,
|
||
})
|
||
//do something
|
||
},
|
||
fail: (res)=>{
|
||
wx.showToast({
|
||
title: '网络异常',
|
||
icon: 'none'
|
||
})
|
||
},
|
||
complete: ()=>{
|
||
this.setData({
|
||
sendingOnceVoice: false,
|
||
})
|
||
}
|
||
})
|
||
})
|
||
recorderManager.onFrameRecorded((res) => {
|
||
const { frameBuffer } = res
|
||
console.log('frameBuffer.byteLength', frameBuffer.byteLength)
|
||
});
|
||
//视频
|
||
livePlayerContext = wx.createLivePlayerContext('livePlayer');
|
||
console.log("livePlayerContext", livePlayerContext);
|
||
|
||
},
|
||
checkNetWork(){
|
||
const _this = this;
|
||
wx.getNetworkType({
|
||
success (res) {
|
||
const networkType = res.networkType
|
||
if(!networkType || networkType === 'none'){
|
||
wx.showToast({
|
||
title: '当前网络异常',
|
||
icon: 'none',
|
||
duration: 2000,
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
getPlayUrl(){
|
||
const { accessToken, deviceSerial, channelNo } = this.data;
|
||
var _this = this;
|
||
// wx.request({
|
||
// url: 'https://open.ys7.com/api/lapp/live/address/get', //仅为示例，并非真实的接口地址
|
||
// method: 'POST',
|
||
// data: {
|
||
// accessToken: accessToken,
|
||
// source: deviceSerial + ':' + channelNo,
|
||
// },
|
||
// header: {
|
||
// 'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
// },
|
||
// success: (res) => {
|
||
// console.log(res.data);
|
||
// const { list } = this.data;
|
||
// if(res.data.code ==200 && res.data.data && res.data.data.length>0){
|
||
// var result = res.data.data[0];
|
||
// if(result.ret == 200){
|
||
// _this.setData({
|
||
// videoSrc: result.rtmp,
|
||
// videoHDSrc: result.rtmpHd,
|
||
// })
|
||
// }else {
|
||
// list[0].status = -1;
|
||
// list[1].status = -1;
|
||
// list[2].status = -1;
|
||
// list[3].status = -1;
|
||
// _this.setData({
|
||
// list:list,
|
||
// dialogTitle: '获取播放地址失败',
|
||
// dialogContent: result.desc,
|
||
// dialogShow: true,
|
||
// showVideoControls: false,
|
||
// })
|
||
// }
|
||
// }else {
|
||
// _this.openPlayUrl();
|
||
// }
|
||
// }
|
||
// });
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/v2/live/address/get', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
expireTime: 86400,
|
||
quality: 1,
|
||
protocol: 3,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success: (res) => {
|
||
const { list } = this.data;
|
||
if(res.data.code ==200 && res.data.data && res.data.data.url){
|
||
var result = res.data;
|
||
if(result.code == 200){
|
||
_this.setData({
|
||
videoSrc: result.data.url,
|
||
// videoHDSrc: result.rtmpHd,
|
||
})
|
||
} else {
|
||
list[0].status = -1;
|
||
list[1].status = -1;
|
||
list[2].status = -1;
|
||
list[3].status = -1;
|
||
_this.setData({
|
||
list:list,
|
||
dialogContent: result.msg,
|
||
showVideoControls: false,
|
||
})
|
||
}
|
||
} else if (res.data.code == "20001" ||res.data.code == "20002" || res.data.code == '20018'|| res.data.code == '10001'){ // 设备不存在 / 不属于用户
|
||
this.setData({
|
||
dialogTitle: '获取播放地址失败',
|
||
dialogContent: '该用户不拥有该设备',
|
||
dialogShow: true,
|
||
})
|
||
}else {
|
||
console.log("获取播放地址失败")
|
||
// _this.openPlayUrl();
|
||
}
|
||
}
|
||
});
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/v2/live/address/get', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
expireTime: 86400,
|
||
quality: 1,
|
||
protocol: 3,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success: (res) => {
|
||
console.log(res.data);
|
||
const { list } = this.data;
|
||
if(res.data.code ==200 && res.data.data && res.data.data.url){
|
||
var result = res.data;
|
||
if(result.code == 200){
|
||
_this.setData({
|
||
//videoSrc: result.rtmp,
|
||
videoHDSrc: result.data.url,
|
||
})
|
||
}else {
|
||
list[0].status = -1;
|
||
list[1].status = -1;
|
||
list[2].status = -1;
|
||
list[3].status = -1;
|
||
_this.setData({
|
||
list:list,
|
||
dialogContent: result.msg,
|
||
showVideoControls: false,
|
||
})
|
||
}
|
||
}else {
|
||
console.log("获取高清播放地址失败")
|
||
// _this.openPlayUrl();
|
||
}
|
||
}
|
||
})
|
||
},
|
||
/*
|
||
* 获取设备基本信息
|
||
*/
|
||
getDeviceCoverInfo(){
|
||
const { accessToken, deviceSerial, channelNo } = this.data;
|
||
console.log(accessToken,deviceSerial,channelNo);
|
||
var _this = this;
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/device/scene/switch/status',
|
||
method: 'POST',
|
||
data: {
|
||
accessToken,
|
||
deviceSerial,
|
||
channelNo,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success:(res) =>{
|
||
console.log(res.data);
|
||
if(res.data.code ==200 && res.data.data){
|
||
const result = res.data.data;
|
||
let list = this.data.list;
|
||
if(result.enable == 1){ // 当前镜头遮蔽中
|
||
list[0].status = -1;
|
||
list[1].status = -1;
|
||
list[2].status = -1;
|
||
list[3].status = 1;
|
||
this.setData({
|
||
videoNetWorkError: false,
|
||
showVideoControls: false,
|
||
panelStatus: 4,
|
||
videoLoadingStatus: 100,
|
||
list: list,
|
||
})
|
||
console.log("panelStatus",this.data.panelStatus)
|
||
}
|
||
}
|
||
},
|
||
error:(err)=>{
|
||
console.log(err);
|
||
},
|
||
})
|
||
},
|
||
|
||
/*
|
||
* 获取设备基本信息
|
||
*/
|
||
getDeviceInfo(){
|
||
const { accessToken, deviceSerial, channelNo ,showVideoControls, videoNetWorkError,videoLoadingStatus } = this.data;
|
||
var _this = this;
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/device/info', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
accessToken,
|
||
deviceSerial,
|
||
channelNo,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success:(res) =>{
|
||
console.log(res.data);
|
||
if(res.data.code ==200 && res.data.data){
|
||
let list = this.data.list;
|
||
var result = res.data.data;
|
||
_this.setData({
|
||
deviceName: result.deviceName,
|
||
deviceOffline: result.status !== 1,
|
||
videoNetWorkError: result.status !==1 ? false : videoNetWorkError,
|
||
showVideoControls: result.status !==1 ? false : showVideoControls,
|
||
deviceOfflineTime: utils.DateFormat(new Date(result.updateTime),'yyyy-MM-dd hh:mm:ss'),
|
||
deviceIsEncrypt: result.isEncrypt,
|
||
videoLoadingStatus: (result.isEncrypt === 1 || result.status !== 1) ? 100 : videoLoadingStatus,
|
||
});
|
||
// 配置标题
|
||
if(result.deviceName){
|
||
wx.setNavigationBarTitle({
|
||
title: result.deviceName,
|
||
})
|
||
}
|
||
if(result.status != 1 ){ // 设备不在线
|
||
list[0].status = -1;
|
||
list[1].status = -1;
|
||
list[2].status = -1;
|
||
list[3].status = -1;
|
||
_this.setData({
|
||
list:list,
|
||
showVideoControls: false
|
||
})
|
||
}else if(result.isEncrypt == 1 ){ // 设备被加密
|
||
list[0].status = -1;
|
||
list[1].status = -1;
|
||
list[2].status = -1;
|
||
list[3].status = -1;
|
||
_this.setData({
|
||
list:list,
|
||
dialogTitle: '设备被加密',
|
||
dialogContent: '设备已被加密，无法继续查看，请前往萤石云app解密。',
|
||
dialogShow: true,
|
||
showVideoControls: false,
|
||
})
|
||
} else {
|
||
// 获取设备能力
|
||
// _this.getDeviceCapacity();
|
||
_this.getDeviceCoverInfo();
|
||
}
|
||
} else if (res.data.code == "20001" ||res.data.code == "20002" || res.data.code == '20018'){ // 设备不存在 / 不属于用户
|
||
this.setData({
|
||
dialogTitle: '获取播放地址失败',
|
||
dialogContent: '该用户不拥有该设备',
|
||
dialogShow: true,
|
||
})
|
||
}else if(res.data.code == 10029){
|
||
wx.showToast({
|
||
title: '个人版接口调用超限，请升级企业版',
|
||
icon: 'none',
|
||
})
|
||
}else if(res.data.code == 10002){
|
||
wx.showToast({
|
||
title: res.data.msg,
|
||
icon: 'none',
|
||
})
|
||
setTimeout(()=>{
|
||
this.pageBack();
|
||
},2000)
|
||
}else {
|
||
wx.showToast({
|
||
title: res.data.msg,
|
||
icon: 'none'
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
/*
|
||
* 获取设备能力集
|
||
*/
|
||
getDeviceCapacity(){
|
||
const { accessToken,deviceSerial,channelNo,playVideo} = this.data;
|
||
var _this = this;
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/device/capacity',
|
||
method: 'POST',
|
||
data: {
|
||
accessToken,
|
||
deviceSerial,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success:(res) =>{
|
||
console.log(res.data);
|
||
if(res.data.code ==200 && res.data.data){
|
||
var result = res.data.data;
|
||
let list = this.data.list;
|
||
list[0].status = result.support_ptz == 0 ? -1 : 0;
|
||
list[1].status = result.support_talk != 1 ? -1 : 0;
|
||
list[2].status = result.ptz_top_bottom_mirror == 0 ? -1 : 0;
|
||
list[3].status = result.support_privacy == 0 ? -1 : 0;
|
||
if(!playVideo){ // 非视频播放成功状态下
|
||
list[0].status = -1;
|
||
list[2].status = -1;
|
||
}
|
||
_this.setData({
|
||
list: list,
|
||
})
|
||
} else if (res.data.code == "20002" || res.data.code == '20018'){ // 设备不存在 / 不属于用户
|
||
this.setData({
|
||
dialogTitle: '设备被删除',
|
||
dialogContent: '设备已从账号下删除，无法继续查看',
|
||
dialogShow: true,
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
fullScreen(){
|
||
var _this = this;
|
||
livePlayerContext.requestFullScreen({
|
||
direction: 90,
|
||
success: function(){
|
||
_this.setData({
|
||
fullScreen: true,
|
||
})
|
||
}
|
||
});
|
||
console.log("开启全屏");
|
||
},
|
||
unfullScreen() {
|
||
var _this = this;
|
||
livePlayerContext.exitFullScreen({
|
||
success: function(){
|
||
_this.setData({
|
||
fullScreen: false,
|
||
})
|
||
}
|
||
});
|
||
console.log("开启全屏");
|
||
},
|
||
ToggleObjectFit(){
|
||
var objectFit = this.data.objectFit;
|
||
this.setData({
|
||
objectFit: objectFit === 'contain' ? 'fillCrop': 'contain',
|
||
})
|
||
},
|
||
fullscreenChange(event){
|
||
console.log("监听到全屏变化", event)
|
||
},
|
||
getDefaultVoice: function () {
|
||
const { accessToken } = this.data;
|
||
var _this = this;
|
||
console.info("默认语音： 第" + _this.data.defaultVoicePage + "页");
|
||
var _this = this;
|
||
_this.setData({
|
||
defaultVoiceListLoading: true,
|
||
})
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/voice/query', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
"accessToken": accessToken,
|
||
"default": "true",
|
||
"pageStart": _this.data.defaultVoicePage,
|
||
"pageSize": 5,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success(res) {
|
||
console.log(res.data);
|
||
var defaultVoiceList = _this.data.defaultVoiceList;
|
||
defaultVoiceList = defaultVoiceList.concat(res.data.data);
|
||
if(res.data.data && res.data.data.length>0){
|
||
_this.setData({
|
||
defaultVoiceList: defaultVoiceList,
|
||
defaultVoicePage: _this.data.defaultVoicePage + 1,
|
||
});
|
||
}else {
|
||
_this.setData({
|
||
defaultVoiceNoMore: true,
|
||
});
|
||
}
|
||
_this.setData({
|
||
defaultVoiceListLoading: false,
|
||
})
|
||
},
|
||
error(error){
|
||
console.log(error);
|
||
_this.setData({
|
||
defaultVoiceListLoading: false,
|
||
})
|
||
}
|
||
})
|
||
},
|
||
getCustomVoice: function () {
|
||
const { accessToken } = this.data;
|
||
var _this = this;
|
||
console.info("用户自定义语音： 第" + _this.data.defaultVoicePage + "页");
|
||
var _this = this;
|
||
_this.setData({
|
||
customVoiceListLoading: true,
|
||
})
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/voice/query', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
"accessToken": accessToken,
|
||
default:false,
|
||
"pageStart": _this.data.defaultVoicePage,
|
||
"pageSize": 5,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success(res) {
|
||
console.log(res.data);
|
||
var customVoiceList = _this.data.customVoiceList;
|
||
customVoiceList = customVoiceList.concat(res.data.data);
|
||
if(res.data.data && res.data.data.length>0){
|
||
_this.setData({
|
||
customVoiceList: customVoiceList,
|
||
customVoicePage: _this.data.customVoicePage + 1,
|
||
});
|
||
}else {
|
||
_this.setData({
|
||
customVoiceNoMore: true,
|
||
});
|
||
}
|
||
_this.setData({
|
||
customVoiceListLoading: false,
|
||
})
|
||
},
|
||
error(error){
|
||
console.log(error);
|
||
_this.setData({
|
||
customVoiceListLoading: false,
|
||
})
|
||
}
|
||
})
|
||
},
|
||
// 滚动至低端事件
|
||
defaultScrollLower: function () {
|
||
var _this = this;
|
||
console.info("defaultScrollLower 第" + _this.data.defaultVoicePage + "页");
|
||
this.getDefaultVoice();
|
||
},
|
||
// 滚动至低端事件
|
||
customScrollLower: function () {
|
||
var _this = this;
|
||
console.info("customScrollLower 第" + _this.data.defaultVoicePage + "页");
|
||
this.getCustomVoice();
|
||
},
|
||
handlePlay(callback){
|
||
console.log("handelPlay",this.data.playVideo,this.data.isHD);
|
||
this.checkNetWork()
|
||
livePlayerContext.play({
|
||
success: ()=>{
|
||
this.setData({
|
||
// playVideo: true,
|
||
showVideoControls: true,
|
||
// videoLoadingStatus: 100,
|
||
videoNetWorkError: false,
|
||
});
|
||
if(callback && typeof callback === "function"){
|
||
callback();
|
||
}
|
||
},
|
||
fail: (error)=>{
|
||
this.checkNetWork();
|
||
wx.showToast({
|
||
title: '网络异常',
|
||
icon:'none',
|
||
})
|
||
console.log("开始播放失败");
|
||
this.setData({
|
||
videoNetWorkError: true,
|
||
showVideoControls: false,
|
||
videoLoadingStatus: 100,
|
||
})
|
||
}
|
||
})
|
||
},
|
||
handleStop(callback){
|
||
console.log("stop");
|
||
const { list } = this.data;
|
||
livePlayerContext.stop({
|
||
success: ()=>{
|
||
list[0].status = -1;
|
||
// list[1].status = -1;
|
||
// list[2].status = -1;
|
||
// list[3].status = -1;
|
||
this.setData({
|
||
playVideo: false,
|
||
// showVideoControls: true,
|
||
videoLoadingStatus: 0,
|
||
list: list,
|
||
panelStatus: 0,
|
||
})
|
||
if(callback && typeof callback === "function"){
|
||
callback();
|
||
}
|
||
},
|
||
fail: (error)=>{
|
||
console.log("停止播放失败")
|
||
}
|
||
})
|
||
},
|
||
autoHideControl(){
|
||
console.log("showHdSelect",this.data.showHDSelect);
|
||
const _this = this;
|
||
clearTimeout(this.data.autoHideTimer);
|
||
this.data.autoHideTimer = setTimeout(()=>{
|
||
const { showHDSelect } = _this.data;
|
||
if(!showHDSelect){
|
||
this.setData({
|
||
showVideoControls: false,
|
||
})
|
||
}
|
||
},5000);
|
||
},
|
||
handleSound(e){
|
||
var openSound = this.data.openSound;
|
||
this.setData({
|
||
openSound: !openSound,
|
||
})
|
||
},
|
||
handleHD(e){
|
||
var showHDSelect = this.data.showHDSelect;
|
||
console.log("handleHD",showHDSelect)
|
||
this.setData({
|
||
showHDSelect: !showHDSelect,
|
||
});
|
||
},
|
||
changeVideoHD(e){
|
||
var _this = this;
|
||
this.setData({
|
||
showHDSelect: false,
|
||
isHD: true
|
||
});
|
||
this.handleStop(_this.handlePlay);
|
||
},
|
||
changeVideoNormal(e) {
|
||
this.setData({
|
||
showHDSelect: false,
|
||
isHD: false
|
||
})
|
||
this.handleStop(this.handlePlay);
|
||
},
|
||
statechange(e) {
|
||
console.log('live-player code:', e.detail.code,e.detail);
|
||
const { code } = e.detail;
|
||
let { videoLoadingStatus,list,panelStatus } = this.data;
|
||
switch (code){
|
||
case 2007: //启动loading
|
||
videoLoadingStatus = 0;
|
||
this.setData({
|
||
playVideo: true,
|
||
videoLoadingStatus: 0,
|
||
})
|
||
break;
|
||
case 2001: //连接服务器
|
||
videoLoadingStatus = 20 + Math.floor(Math.random()*10+1);
|
||
break;
|
||
case 2002: //已经连接 RTMP 服务器,开始拉流
|
||
videoLoadingStatus = 40 + Math.floor(Math.random()*10+1);
|
||
break;
|
||
case 2008: // 解码器启动
|
||
break;
|
||
case 2009: //视频分辨率改动
|
||
break;
|
||
case 2004: // 视频播放开始
|
||
videoLoadingStatus = 80 + Math.floor(Math.random()*10+1);
|
||
break;
|
||
case 2003: //网络接收到首个视频数据包(IDR)
|
||
videoLoadingStatus = 100;
|
||
this.setData({
|
||
playVideo: true,
|
||
})
|
||
this.autoHideControl();
|
||
this.getDeviceCapacity();
|
||
break;
|
||
case 2103: //网络断连, 已启动自动重连（本小程序不自动重连）
|
||
// videoLoadingStatus = 100;
|
||
// this.handleStop();
|
||
// 获取设备状态
|
||
// this.getDeviceInfo();
|
||
break;
|
||
case 3001:
|
||
case 3002:
|
||
case 3003:
|
||
case 3005: // 播放失败
|
||
videoLoadingStatus = 100;
|
||
// this.getDeviceInfo();
|
||
this.checkNetWork();
|
||
this.handleStop(this.playError);
|
||
list[2].status = -1;
|
||
this.setData({
|
||
// playVideo: false,
|
||
showVideoControls: false,
|
||
videoNetWorkError: true,
|
||
videoLoadingStatus: 100,
|
||
list: list,
|
||
})
|
||
break;
|
||
case -2301: // 经多次重连抢救无效，更多重试请自行重启播放
|
||
videoLoadingStatus = 100;
|
||
this.setData({
|
||
// playVideo: false,
|
||
showVideoControls: false,
|
||
videoNetWorkError: true,
|
||
videoLoadingStatus: 100,
|
||
})
|
||
break;
|
||
}
|
||
this.setData({
|
||
videoLoadingStatus: videoLoadingStatus
|
||
})
|
||
},
|
||
playError(){
|
||
this.setData({
|
||
showVideoControls: false,
|
||
videoNetWorkError: true,
|
||
videoLoadingStatus: 100,
|
||
});
|
||
// this.getPlayUrl();
|
||
this.getDeviceInfo();
|
||
this.getDeviceCoverInfo();
|
||
},
|
||
error(e) {
|
||
console.log('live-player',e);
|
||
console.error('live-player error:', e.detail)
|
||
if(e.detail.errCode == 10001){
|
||
wx.showToast({
|
||
title: '视频直播对讲需要你手机授权微信录音或麦克风权限',
|
||
icon:'none',
|
||
duration:3000,
|
||
})
|
||
}
|
||
},
|
||
onVideoTap(e){
|
||
console.log("点击视频");
|
||
const { deviceOffline,showVideoControls,panelStatus,videoNetWorkError} = this.data;
|
||
if(deviceOffline || panelStatus === 4 || videoNetWorkError){
|
||
return false;
|
||
}
|
||
if(showVideoControls){
|
||
this.setData({
|
||
showVideoControls: false,
|
||
});
|
||
clearTimeout(this.data.autoHideTimer);
|
||
}else {
|
||
this.setData({
|
||
showVideoControls: true,
|
||
})
|
||
this.autoHideControl();
|
||
}
|
||
},
|
||
tapPanel: function(event) {
|
||
const { accessToken, deviceSerial, channelNo } = this.data;
|
||
var tValue = event.currentTarget.dataset.value;
|
||
var list = this.data.list;
|
||
var panelStatus = this.data.panelStatus;
|
||
switch (tValue) {
|
||
case 'ptz':
|
||
if(list[0].status === -1){
|
||
return false;
|
||
}
|
||
panelStatus = 1;
|
||
// list[0].status = 1;
|
||
// list[1].status = 0;
|
||
// list[2].status = 0;
|
||
// list[3].status = 0;
|
||
break;
|
||
case 'voice':
|
||
if(list[1].status === -1) {
|
||
return false;
|
||
}
|
||
panelStatus = 2;
|
||
this.getDefaultVoice();
|
||
this.getCustomVoice();
|
||
break;
|
||
case 'mirror':
|
||
if(list[2].status === -1){
|
||
return false;
|
||
}
|
||
if(panelStatus === 3){
|
||
panelStatus = 0;
|
||
// list[0].status = 0;
|
||
// list[1].status = 0;
|
||
list[2].status = 0;
|
||
// list[3].status = 0;
|
||
this.sceneMirror(2);
|
||
}else{
|
||
panelStatus = 3;
|
||
// list[0].status = 0;
|
||
// list[1].status = 0;
|
||
// list[2].status = 1;
|
||
// list[3].status = 0;
|
||
this.sceneMirror(2);
|
||
}
|
||
break;
|
||
case 'cover':
|
||
if(list[3].status === -1){
|
||
return false;
|
||
}
|
||
if (panelStatus === 4){ // 镜头遮蔽中
|
||
// panelStatus = 0;
|
||
// list[0].status = 0;
|
||
// list[1].status = 0;
|
||
// list[2].status = 0;
|
||
// list[3].status = 0;
|
||
// this.getDeviceCapacity();
|
||
this.sceneCover(0);
|
||
}else{
|
||
// panelStatus = 4;
|
||
// list[0].status = 0;
|
||
// list[1].status = 0;
|
||
// list[2].status = 0;
|
||
// list[3].status = 1;
|
||
this.sceneCover(1);
|
||
}
|
||
break;
|
||
default:
|
||
panelStatus = 0;
|
||
}
|
||
this.setData({
|
||
panelStatus: panelStatus,
|
||
list: list
|
||
})
|
||
},
|
||
startRecord(e){
|
||
recorderManager.start(options)
|
||
},
|
||
stopRecord(e){
|
||
recorderManager.stop()
|
||
},
|
||
handleBackPanel(event){
|
||
var tValue = event.currentTarget.dataset.value;
|
||
this.setData({
|
||
panelStatus:0,
|
||
})
|
||
},
|
||
handlePtzTouchStart(event){
|
||
// var { offsetLeft, offsetTop } = event.currentTarget;
|
||
// var {clientX,clientY} = event.touches[0];
|
||
var { ptzStatus,ptzLoading } = this.data;
|
||
// var centerLeft = 104 + offsetLeft;
|
||
// var centerTop = 104 + offsetTop;
|
||
// var left = clientX - centerLeft;
|
||
// var top = clientY - centerTop;
|
||
wx.createSelectorQuery().select('#ptz-img-container').boundingClientRect( (rect) => {
|
||
let { clientX,clientY} = event.touches[0];
|
||
let rectLeft = rect.left;
|
||
let rectTop = rect.top;
|
||
|
||
var centerLeft = 104 + rectLeft;
|
||
var centerTop = 104 + rectTop;
|
||
var left = clientX - centerLeft;
|
||
var top = clientY - centerTop;
|
||
|
||
console.log("点击了页面方位：pageY",clientY);
|
||
console.log("云盘位置：top",rect.top);
|
||
if(ptzLoading){
|
||
wx.showToast({
|
||
title: '操作过于频繁，建议长按转动',
|
||
icon: 'none'
|
||
})
|
||
return false;
|
||
}
|
||
if(Math.abs(left) > Math.abs(top)){
|
||
if(left>0){
|
||
this.handlePtzControl(3);
|
||
ptzStatus = 4;
|
||
}else {
|
||
ptzStatus = 3;
|
||
this.handlePtzControl(2);
|
||
}
|
||
} else {
|
||
if (top > 0) {
|
||
ptzStatus = 2;
|
||
this.handlePtzControl(1);
|
||
|
||
} else {
|
||
ptzStatus = 1;
|
||
this.handlePtzControl(0);
|
||
}
|
||
}
|
||
this.setData({
|
||
ptzStatus: ptzStatus,
|
||
})
|
||
|
||
}).exec();
|
||
},
|
||
handlePtzTouchEnd(event) {
|
||
let { clientX, clientY } = event.changedTouches[0];
|
||
const _this = this;
|
||
wx.createSelectorQuery().select('#ptz-img-container').boundingClientRect( (rect) => {
|
||
let rectLeft = rect.left;
|
||
let rectTop = rect.top;
|
||
|
||
var centerLeft = 104 + rectLeft;
|
||
var centerTop = 104 + rectTop;
|
||
var left = clientX - centerLeft;
|
||
var top = clientY - centerTop;
|
||
if (Math.abs(left) > Math.abs(top)) {
|
||
if (left > 0) {
|
||
_this.handlePtzControl(3,'stop');
|
||
} else {
|
||
_this.handlePtzControl(2, 'stop');
|
||
}
|
||
} else {
|
||
if (top > 0) {
|
||
_this.handlePtzControl(1, 'stop');
|
||
} else {
|
||
_this.handlePtzControl(0,'stop');
|
||
}
|
||
}
|
||
}).exec();
|
||
this.setData({
|
||
ptzStatus: 0,
|
||
})
|
||
},
|
||
handlePtzControl(position,type){
|
||
const { accessToken, deviceSerial, channelNo,ptzLoading } = this.data;
|
||
let ptzLimit = '';
|
||
const ptzTopImgSuccess = './images/yuntai/top.png';
|
||
const ptzTopImgFailed = './images/yuntai/top_limit.png';
|
||
const ptzDownImgSuccess = './images/yuntai/down.png';
|
||
const ptzDownImgFailed = './images/yuntai/down_limit.png';
|
||
const ptzLeftImgSuccess = './images/yuntai/left.png';
|
||
const ptzLeftImgFailed = './images/yuntai/left_limit.png';
|
||
const ptzRightImgSuccess = './images/yuntai/right.png';
|
||
const ptzRightImgFailed = './images/yuntai/right_limit.png';
|
||
const ptzNormalImg = './images/yuntai/normal.png';
|
||
let ptzStatus = this.data.ptzStatus;
|
||
let currentPtzImg = this.data.currentPtzImg;
|
||
var url = 'https://open.ys7.com/api/lapp/device/ptz/start';
|
||
if(type == 'stop'){
|
||
url = 'https://open.ys7.com/api/lapp/device/ptz/stop'
|
||
}
|
||
if(ptzLoading && type === 'start'){
|
||
wx.showToast({
|
||
title: '操作过于频繁，建议长按转动',
|
||
icon: 'none'
|
||
})
|
||
return false;
|
||
}
|
||
|
||
this.setData({
|
||
ptzLoading: true,
|
||
})
|
||
wx.request({
|
||
url: url, //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
"accessToken": accessToken,
|
||
"deviceSerial": deviceSerial,
|
||
"channelNo": channelNo,
|
||
"direction": position,
|
||
speed:1,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success: (res) => {
|
||
const code = res.data.code;
|
||
if(code == 10029){
|
||
wx.showToast({
|
||
title: '个人版接口调用超限，请升级企业版',
|
||
icon: 'none',
|
||
})
|
||
}else if(code != 200){
|
||
wx.showToast({
|
||
title: res.data.msg,
|
||
icon: 'none',
|
||
})
|
||
}
|
||
if(type == 'stop'){
|
||
ptzStatus = 0;
|
||
currentPtzImg = ptzNormalImg;
|
||
}else{
|
||
switch(position){
|
||
case 0:
|
||
ptzStatus = 1;
|
||
currentPtzImg = code == 200 ? ptzTopImgSuccess : ptzTopImgFailed;
|
||
ptzLimit = code == 200 ? '' : 'top';
|
||
break;
|
||
case 1:
|
||
ptzStatus = 2;
|
||
currentPtzImg = code == 200 ? ptzDownImgSuccess : ptzDownImgFailed;
|
||
ptzLimit = code == 200 ? '' : 'down';
|
||
break;
|
||
case 2:
|
||
ptzStatus = 3;
|
||
currentPtzImg = code == 200 ? ptzLeftImgSuccess : ptzLeftImgFailed;
|
||
ptzLimit = code == 200 ? '' : 'left';
|
||
break;
|
||
case 3:
|
||
ptzStatus = 4;
|
||
currentPtzImg = code == 200 ? ptzRightImgSuccess : ptzRightImgFailed;
|
||
ptzLimit = code == 200 ? '' : 'right';
|
||
break;
|
||
default:
|
||
ptzStatus = 0;
|
||
currentPtzImg = ptzTopImgSuccess;
|
||
ptzLimit = '';
|
||
}
|
||
}
|
||
this.setData({
|
||
ptzStatus: ptzStatus,
|
||
currentPtzImg: currentPtzImg,
|
||
ptzLoading: false,
|
||
ptzLimit: ptzLimit,
|
||
});
|
||
},
|
||
error:(err) =>{
|
||
this.setData({
|
||
ptzLoading: false,
|
||
})
|
||
}
|
||
})
|
||
},
|
||
screenShoot(e){
|
||
const { playVideo,videoLoadingStatus } = this.data;
|
||
if(!playVideo || videoLoadingStatus != 100){
|
||
console.log("非播放状态下点击截图");
|
||
return false;
|
||
}
|
||
console.log("开始截图")
|
||
// livePlayerContext.snapshot('raw');
|
||
let that = this
|
||
wx.getSetting({
|
||
success(res) {
|
||
if (res.authSetting['scope.writePhotosAlbum']) {
|
||
that.saveImg();
|
||
}
|
||
else if (res.authSetting['scope.writePhotosAlbum'] === undefined) {
|
||
wx.authorize({
|
||
scope: 'scope.writePhotosAlbum',
|
||
success() {
|
||
that.saveImg();
|
||
},
|
||
fail() {
|
||
that.authConfirm()
|
||
}
|
||
})
|
||
}
|
||
else {
|
||
that.authConfirm()
|
||
}
|
||
}
|
||
})
|
||
|
||
},
|
||
saveImg(){
|
||
livePlayerContext.snapshot('raw')
|
||
.then(data =>{
|
||
console.log("data",data);
|
||
if (data) {
|
||
console.log(data)
|
||
wx.saveImageToPhotosAlbum({
|
||
filePath: data.tempImagePath,
|
||
success(res) {
|
||
console.log("保存成功",res)
|
||
wx.showToast({
|
||
title: '截图已保存至手机相册',
|
||
icon: 'none',
|
||
})
|
||
}
|
||
})
|
||
}
|
||
})
|
||
.catch(err => {
|
||
console.log("err",err);
|
||
})
|
||
},
|
||
// 授权拒绝后，再次授权提示弹窗
|
||
authConfirm(){
|
||
let that = this
|
||
wx.showModal({
|
||
content: '您没打开保存图片权限，是否去设置打开？',
|
||
confirmText: "确认",
|
||
cancelText: "取消",
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
wx.openSetting({
|
||
success :(res) => {
|
||
if (res.authSetting['scope.writePhotosAlbum']) {
|
||
that.saveImg();
|
||
}
|
||
else {
|
||
wx.showToast({
|
||
title: '您没有授权，无法保存到相册',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
}
|
||
})
|
||
} else {
|
||
wx.showToast({
|
||
title: '您没有授权，无法保存到相册',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
}
|
||
});
|
||
},
|
||
// 镜头遮蔽
|
||
sceneCover(enable) {
|
||
var _this = this;
|
||
let { deviceSerial, channelNo,accessToken,coverInterval,list,panelStatus,videoNetWorkError } = this.data;
|
||
if(coverInterval){
|
||
wx.showToast({
|
||
title: '操作过于频繁',
|
||
icon: 'none'
|
||
})
|
||
return false;
|
||
}
|
||
this.setData({
|
||
coverInterval: true,
|
||
})
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/device/scene/switch/set',
|
||
method: 'POST',
|
||
data: {
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
enable: enable,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success:(res) =>{
|
||
console.log(res.data);
|
||
if(res.data.code == 200){
|
||
if(enable == 0){
|
||
list[3].status = 0;
|
||
panelStatus = 0;
|
||
videoNetWorkError = false;
|
||
this.getDeviceCapacity();
|
||
this.handlePlay();
|
||
}else {
|
||
list[0].status = -1;
|
||
list[1].status = -1;
|
||
list[2].status = -1;
|
||
panelStatus = 4;
|
||
list[3].status = 1;
|
||
// this.handleStop();
|
||
}
|
||
setTimeout(()=>{
|
||
this.setData({
|
||
coverInterval: false,
|
||
});
|
||
},5000)
|
||
this.setData({
|
||
videoNetWorkError: videoNetWorkError,
|
||
list:list,
|
||
panelStatus:panelStatus
|
||
})
|
||
}else {
|
||
wx.showToast({
|
||
title: res.data.msg,
|
||
icon: 'none',
|
||
})
|
||
this.setData({
|
||
coverInterval: false,
|
||
panelStatus: panelStatus,
|
||
});
|
||
}
|
||
},
|
||
fail: (res)=>{
|
||
wx.showToast({
|
||
title: '网络异常',
|
||
icon: 'none'
|
||
})
|
||
this.setData({
|
||
coverInterval: false,
|
||
});
|
||
}
|
||
});
|
||
},
|
||
// 镜象翻转
|
||
sceneMirror(enable) {
|
||
const { deviceSerial, channelNo,accessToken,mirrorInterval } = this.data;
|
||
var _this = this;
|
||
if(mirrorInterval) {
|
||
wx.showToast({
|
||
title: '操作过于频繁',
|
||
icon: 'none'
|
||
})
|
||
return false;
|
||
}
|
||
this.setData({
|
||
mirrorInterval: true,
|
||
});
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/device/ptz/mirror', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
command: enable,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success:(res) => {
|
||
console.log(res.data);
|
||
if(res.data.code == 200){
|
||
setTimeout(()=>{
|
||
this.setData({
|
||
mirrorInterval: false,
|
||
});
|
||
},5000)
|
||
}else {
|
||
wx.showToast({
|
||
title: res.data.msg,
|
||
icon: 'none'
|
||
})
|
||
this.setData({
|
||
mirrorInterval: false,
|
||
});
|
||
}
|
||
},
|
||
fail: (res)=>{
|
||
wx.showToast({
|
||
title: '网络异常',
|
||
icon: 'none'
|
||
})
|
||
this.setData({
|
||
mirrorInterval: false,
|
||
});
|
||
}
|
||
})
|
||
},
|
||
playVoice(event){
|
||
const { accessToken, deviceSerial, channelNo } = this.data;
|
||
var { duration, voiceName,fileUrl } = event.currentTarget.dataset.value;
|
||
var type = event.currentTarget.dataset.type;
|
||
console.log("type",type)
|
||
wx.request({
|
||
url: 'https://open.ys7.com/api/lapp/voice/send', //仅为示例，并非真实的接口地址
|
||
method: 'POST',
|
||
data: {
|
||
accessToken: accessToken,
|
||
deviceSerial: deviceSerial,
|
||
channelNo: channelNo,
|
||
fileUrl: fileUrl,
|
||
},
|
||
header: {
|
||
'content-type': 'application/x-www-form-urlencoded' // 默认值
|
||
},
|
||
success:(res)=> {
|
||
console.log(res.data);
|
||
const { list } = this.data;
|
||
if(res.data.code == 200){
|
||
list[1].status = 1;
|
||
this.setData({
|
||
activeCustomVoiceName: type === 'custom' ? voiceName : '',
|
||
activeDefaultVoiceName: type === 'default' ? voiceName : '',
|
||
list: list,
|
||
});
|
||
setTimeout(()=>{
|
||
list[1].status = 0;
|
||
this.setData({
|
||
activeCustomVoiceName: '',
|
||
activeDefaultVoiceName: '',
|
||
list: list,
|
||
})
|
||
},duration * 1000)
|
||
}else if(res.data.code =='111012') { // 设备正忙
|
||
wx.showToast({
|
||
title: '操作中，请稍后再试',
|
||
icon:'none',
|
||
})
|
||
}else if(res.data.code =='20007') { // 设备正忙
|
||
wx.showToast({
|
||
title: '设备不在线',
|
||
icon:'none',
|
||
})
|
||
}else if(res.data.code =='20008') { // 设备正忙
|
||
wx.showToast({
|
||
title: '设备响应超时',
|
||
icon:'none',
|
||
})
|
||
}else {
|
||
wx.showToast({
|
||
title: res.data.msg,
|
||
icon:'none',
|
||
})
|
||
}
|
||
},
|
||
fail: (res)=>{
|
||
wx.showToast({
|
||
title: '网络异常',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
})
|
||
},
|
||
speakStart(event){
|
||
let recoderTime = this.data.recoderTime;
|
||
this.setData({
|
||
recoderTime: 59,
|
||
})
|
||
recorderManager.start(options);
|
||
wx.showToast({
|
||
icon: 'none',
|
||
duration: 60000,
|
||
image: './images/voice_talk4.png',
|
||
title: '剩余' + recoderTime
|
||
});
|
||
|
||
this.data.recoderTimer = setInterval(()=>{
|
||
// _this.setData({
|
||
// recoderTime: --recoderTime
|
||
// },1000)
|
||
if(recoderTime > 0){
|
||
--recoderTime;
|
||
wx.showToast({
|
||
icon: 'none',
|
||
duration: 60000,
|
||
image: './images/voice_talk4.png',
|
||
title: '剩余' + recoderTime
|
||
});
|
||
this.setData({
|
||
recoderTime: recoderTime
|
||
})
|
||
}else {
|
||
clearInterval(this.data.recoderTimer);
|
||
this.speakEnd();
|
||
}
|
||
// console.log("recoderTime", recoderTime)
|
||
},1000)
|
||
},
|
||
speakEnd(event) {
|
||
wx.hideToast();
|
||
let recoderTime = this.data.recoderTime;
|
||
if(recoderTime >= 59){
|
||
wx.showToast({
|
||
title: '时间太短了',
|
||
icon:'none',
|
||
})
|
||
recorderManager.stop();
|
||
clearInterval(this.data.recoderTimer);
|
||
return false;
|
||
}else {
|
||
wx.hideToast();
|
||
recorderManager.stop();
|
||
clearInterval(this.data.recoderTimer);
|
||
}
|
||
},
|
||
tapDialogButton(e) {
|
||
this.setData({
|
||
dialogShow: false
|
||
});
|
||
this.pageBack();
|
||
},
|
||
pageBack() {
|
||
const { scene } = this.data;
|
||
console.log("scene",scene);
|
||
// wx.showToast({
|
||
// title: `code ${scene}`,
|
||
// })
|
||
if([1007,1008,1036,1037,1038,1044].indexOf(scene) === -1){
|
||
wx.navigateBack({
|
||
delta: 1
|
||
})
|
||
} else {
|
||
wx.reLaunch({
|
||
url: '/pages/home/home',
|
||
})
|
||
}
|
||
},
|
||
/**
|
||
* 用户点击右上角分享
|
||
*/
|
||
onShareAppMessage: function(res) {
|
||
const { accessToken, deviceSerial, channelNo } = this.data;
|
||
if (res.from === 'button') {
|
||
// 来自页面内转发按钮
|
||
console.log(res.target);
|
||
this.setData({
|
||
panelStatus: 0,
|
||
})
|
||
}
|
||
return {
|
||
title: '小程序',
|
||
path: '/pages/live/live?accessToken=' + accessToken + '&deviceSerial='+ deviceSerial + '&channelNo=' + channelNo + '&scene=1007',
|
||
}
|
||
},
|
||
}) |