474 lines
12 KiB
TypeScript
474 lines
12 KiB
TypeScript
// e:\project\dy_video_all\初晴剧场\pages\recommend\recommend.ts
|
||
import { httpRequest } from "../../utils/httpReques"
|
||
|
||
Page({
|
||
data: {
|
||
videoCanIUse: false,
|
||
videoInfo: {},
|
||
videoList: [],
|
||
batchList: [],
|
||
videoPlayerCurrent: 0,
|
||
videoPlayernum: 4,
|
||
videoErrorText: '',
|
||
safeAreaBottom: 0,
|
||
platform: '',
|
||
anthologyFlag: false,
|
||
toOptions: {},
|
||
sid: "",
|
||
selectionTabs: [],
|
||
selectionConList: [],
|
||
roderCurrent: 0,
|
||
collectionItem: {},
|
||
nextbatchList: [],
|
||
selectedId: '',
|
||
adBanner: null,
|
||
unlockFlag: true
|
||
},
|
||
onLoad(options: any) {
|
||
const videoCanIUse = tt.canIUse('video-player');
|
||
console.log(options, "options")
|
||
|
||
tt.getSystemInfo({
|
||
success: (res: any) => {
|
||
this.setData({
|
||
platform: res.platform,
|
||
videoCanIUse,
|
||
|
||
})
|
||
}
|
||
})
|
||
this.setData({
|
||
toOptions: options,
|
||
sid: options?.sid || ''
|
||
})
|
||
|
||
this.initFn();
|
||
},
|
||
onShow() {
|
||
|
||
},
|
||
async initFn() {
|
||
|
||
const sid = this.data.sid;
|
||
const options = this.data.toOptions;
|
||
console.log(options, "initFninitFninitFn")
|
||
const params = {
|
||
...options,
|
||
sid: sid
|
||
}
|
||
|
||
const videoreadRes: any = await httpRequest('/videoread', 'POST', params);
|
||
let videoInfo: any = {}
|
||
if (videoreadRes.status == 1 && Array.isArray(videoreadRes.data)) {
|
||
videoInfo = videoreadRes.data[0];
|
||
}
|
||
|
||
const batchlistRes: any = await httpRequest('/batchlist', 'POST', params);
|
||
let batchList: any = [];
|
||
if (batchlistRes.status == 1 && Array.isArray(batchlistRes.data)) {
|
||
batchList = batchlistRes.data;
|
||
}
|
||
const ol = this.getAnthology(batchList);
|
||
|
||
let nextbatchList = [];
|
||
const nextbatchRes: any = await httpRequest('/nextbatch', 'POST', params);
|
||
if (nextbatchRes?.status == 1 && Array.isArray(nextbatchRes?.data)) {
|
||
nextbatchList = nextbatchRes.data;
|
||
}
|
||
|
||
this.setData({
|
||
batchList,
|
||
videoInfo: {
|
||
...videoInfo,
|
||
isCount: this.handelCount(videoInfo.count)
|
||
},
|
||
videoPlayerCurrent: videoInfo?.order - 1,
|
||
selectionTabs: ol.tabList,
|
||
selectionConList: ol.orderDataList,
|
||
nextbatchList,
|
||
unlockFlag: true
|
||
})
|
||
// 第${videoInfo?.order}集
|
||
tt.setNavigationBarTitle({
|
||
title: `${videoInfo.title}`,
|
||
});
|
||
|
||
},
|
||
async handelSeiperChange(ev: any) {
|
||
const current = ev.detail.current;
|
||
const videoPlayerCurrent = this.data.videoPlayerCurrent;
|
||
const batchList: any = this.data.batchList;
|
||
const id = batchList[videoPlayerCurrent]?.id;
|
||
const nextId = batchList[current]?.id;
|
||
const context: any = tt.createVideoContext(`${id}`);
|
||
const nextContext: any = tt.createVideoContext(`${nextId}`);
|
||
const selectionConList = this.data.selectionConList;
|
||
|
||
// const collectionItem: any = this.data.collectionItem;
|
||
const sid = this.data.sid;
|
||
const videoInfo: any = this.data.videoInfo;
|
||
const collectionItem = batchList[current]
|
||
const params = {
|
||
sid: sid,
|
||
id: collectionItem?.id
|
||
}
|
||
const videoreadRes: any = await httpRequest('/videoread', 'POST', params);
|
||
let newVideoInfo: any = {}
|
||
if (videoreadRes.status == 1 && Array.isArray(videoreadRes.data)) {
|
||
newVideoInfo = videoreadRes.data[0];
|
||
}
|
||
|
||
context?.pause?.();
|
||
if (newVideoInfo.chackpay == 1) {
|
||
nextContext?.play?.();
|
||
}
|
||
|
||
// this.selectComponent(`#${nextId}`, (res: any) => {
|
||
// res?.hidePauseIcon()
|
||
// });
|
||
const lk: any = [];
|
||
selectionConList.forEach((m: any) => {
|
||
const bm = {
|
||
...m,
|
||
temp: []
|
||
}
|
||
m.temp.forEach((k: any) => {
|
||
if (k.id == videoInfo.id) {
|
||
bm.temp.push({
|
||
...k,
|
||
isvip: 0
|
||
})
|
||
} else {
|
||
bm.temp.push(k)
|
||
}
|
||
})
|
||
lk.push(bm)
|
||
})
|
||
|
||
this.setData({
|
||
videoInfo: {
|
||
...videoInfo,
|
||
...newVideoInfo,
|
||
},
|
||
videoPlayerCurrent: current,
|
||
anthologyFlag: false,
|
||
collectionItem: collectionItem,
|
||
videoErrorText: '',
|
||
selectionConList: lk,
|
||
unlockFlag: true
|
||
})
|
||
|
||
|
||
},
|
||
videoPlayerEnded() {
|
||
const videoPlayerCurrent = this.data.videoPlayerCurrent;
|
||
const batchList = this.data.batchList;
|
||
console.log(videoPlayerCurrent + 2, batchList.length)
|
||
// if (videoPlayerCurrent + 1 <= batchList.length) {
|
||
// const videoreadRes: any = await httpRequest('/videoread', 'POST', params);
|
||
this.setData({
|
||
videoPlayerCurrent: videoPlayerCurrent + 1,
|
||
videoErrorText: '',
|
||
// collectionItem
|
||
})
|
||
// }
|
||
|
||
},
|
||
|
||
videError(ev: any) {
|
||
const errMsg = ev.detail.errMsg;
|
||
let errMsgText = '';
|
||
if (errMsg == 'Video is forbidden in playlet，please use video-player instead') {
|
||
errMsgText = '抱歉，当前抖音版本过低，请升级抖音';
|
||
this.setData({
|
||
videoErrorText: errMsgText
|
||
})
|
||
}
|
||
// else {
|
||
// errMsgText = errMsg;
|
||
// }
|
||
|
||
},
|
||
|
||
videPlayerError(ev: any) {
|
||
console.log(ev, "errMsgTexterrMsgText")
|
||
const errMsg = ev.detail.errMsg;
|
||
let errMsgText = '';
|
||
if (errMsg == 'Video is forbidden in playlet，please use video-player instead') {
|
||
errMsgText = '抱歉，当前抖音版本过低，请升级抖音';
|
||
this.setData({
|
||
videoErrorText: errMsgText
|
||
})
|
||
}
|
||
// else {
|
||
// errMsgText = errMsg;
|
||
// }
|
||
|
||
},
|
||
|
||
// toPathVideoDetail() {
|
||
// tt.navigateTo({
|
||
// url: `pages/videoDetail/videoDetail`,
|
||
// });
|
||
// },
|
||
|
||
anthologyTap(ev: any) {
|
||
const id = ev.currentTarget.dataset.id;
|
||
const context: any = tt.createVideoContext(`${id}`);
|
||
context?.pause?.();
|
||
this.setData({
|
||
anthologyFlag: true,
|
||
selectedId: id
|
||
})
|
||
},
|
||
|
||
handelAnthologyClose() {
|
||
const selectedId = this.data.selectedId;
|
||
const context: any = tt.createVideoContext(`${selectedId}`);
|
||
context?.play?.();
|
||
this.setData({
|
||
anthologyFlag: false
|
||
})
|
||
},
|
||
handelCollection(ev: any) {
|
||
const id = ev.currentTarget.dataset.id;
|
||
const videoInfo: any = this.data.videoInfo
|
||
const bookcase = videoInfo.bookcase;
|
||
const count = videoInfo.count;
|
||
console.log(bookcase, "bookcasebookcase")
|
||
if (bookcase) {
|
||
const params = {
|
||
ids: id
|
||
}
|
||
httpRequest('/chasingdramadel', 'POST', params).then((res: any) => {
|
||
if (res.status == 1) {
|
||
this.setData({
|
||
videoInfo: {
|
||
...videoInfo,
|
||
bookcase: bookcase == 1 ? 0 : 1,
|
||
count: count - 1,
|
||
isCount: this.handelCount(count - 1)
|
||
}
|
||
})
|
||
tt.showToast({
|
||
title: '取消成功',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
})
|
||
} else {
|
||
const params = {
|
||
sid: id
|
||
}
|
||
httpRequest('/addkeep', 'POST', params).then((res: any) => {
|
||
if (res.status == 1) {
|
||
this.setData({
|
||
videoInfo: {
|
||
...videoInfo,
|
||
bookcase: bookcase == 1 ? 0 : 1,
|
||
count: count + 1,
|
||
isCount: this.handelCount(count + 1)
|
||
},
|
||
})
|
||
tt.showToast({
|
||
title: '收藏成功',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
})
|
||
|
||
}
|
||
|
||
},
|
||
handelCount(count: any) {
|
||
if (count > 999) {
|
||
const isCount: any = (count / 100000).toFixed(2);
|
||
const ik = parseFloat(isCount) * 100
|
||
return `${ik}k`;
|
||
}
|
||
return count;
|
||
},
|
||
getAnthology(ls: any) {
|
||
const num = 30;
|
||
let remain = 0;
|
||
let temp: any = [];
|
||
const mlist: any = [];
|
||
const tabList: any = [];
|
||
if (Array.isArray(ls)) {
|
||
ls.forEach((m, idx) => {
|
||
if (num * remain + num < idx + 1) {
|
||
remain += 1;
|
||
temp = [];
|
||
}
|
||
m.idx = idx;
|
||
temp.push(m);
|
||
let obj = {
|
||
firstNum: num * remain + 1,
|
||
lastNum: idx + 1,
|
||
temp: [...temp],
|
||
};
|
||
let tObj = {
|
||
name: `${num * remain + 1}-${idx + 1}`,
|
||
};
|
||
mlist[remain] = obj;
|
||
tabList[remain] = tObj;
|
||
});
|
||
}
|
||
return {
|
||
orderDataList: mlist,
|
||
tabList: tabList
|
||
}
|
||
},
|
||
handelOrderTabs(ev: any) {
|
||
const idx = ev.currentTarget.dataset.idx;
|
||
this.setData({
|
||
roderCurrent: idx
|
||
})
|
||
},
|
||
handelSelection(ev: any) {
|
||
const collectionItem = ev.currentTarget.dataset.item;
|
||
const batchList: any = this.data.batchList;
|
||
if (collectionItem.idx != 0) {
|
||
const isvip = batchList[collectionItem.idx - 1]?.isvip
|
||
if (isvip) {
|
||
tt.showToast({
|
||
title: `为了保证剧情连贯，请按顺序观看`,
|
||
icon: 'none'
|
||
});
|
||
this.setData({
|
||
collectionItem
|
||
})
|
||
return;
|
||
}
|
||
}
|
||
this.setData({
|
||
videoPlayerCurrent: collectionItem.idx,
|
||
// collectionItem
|
||
})
|
||
},
|
||
toPathPay() {
|
||
const collectionItem: any = this.data.collectionItem;
|
||
const sid = this.data.sid;
|
||
console.log(collectionItem, "collectionItem")
|
||
tt.navigateTo({
|
||
url: `/pages/pay/pay?sid=${sid}&id=${collectionItem.id}&toStatus=1`,
|
||
});
|
||
},
|
||
watchAdvertisement() {
|
||
let adBanner: any = this.data.adBanner;
|
||
const videoInfo: any = this.data.videoInfo;
|
||
const batchList: any = this.data.batchList;
|
||
const selectionConList = this.data.selectionConList;
|
||
const context: any = tt.createVideoContext(`${videoInfo.id}`);
|
||
// this.watchInfo.isvip = 0;
|
||
|
||
if (!adBanner) {
|
||
tt.showToast({
|
||
title: `广告加载中...`,
|
||
});
|
||
adBanner = tt.createRewardedVideoAd({
|
||
adUnitId: "wh0y4vcxsbk7ixwktg",
|
||
});
|
||
adBanner.show().then((res: any) => {
|
||
console.log("视频广告展示");
|
||
console.log(res, "pppppppp")
|
||
});
|
||
// 监听错误
|
||
adBanner.onError((err: any) => {
|
||
tt.hideLoading({});
|
||
switch (err.errCode) {
|
||
case 1004:
|
||
// 无合适的广告
|
||
break;
|
||
default:
|
||
// 更多请参考错误码文档
|
||
}
|
||
});
|
||
|
||
// 监听视频播放完成
|
||
adBanner.onClose(async (res: any) => {
|
||
console.log(res, "resres")
|
||
// const videoIndex = batchList.findIndex(
|
||
// (r: any) => r.id === videoInfo.id
|
||
// );
|
||
// batchList[videoIndex].isvip = 0; // 购买成功 或者本来就是免费
|
||
// batchList[videoIndex].state = "play";
|
||
// batchList[videoIndex].playIng = true;
|
||
// batchList[videoIndex].isplay = true;
|
||
// context?.play?.();
|
||
|
||
const lk: any = [];
|
||
selectionConList.forEach((m: any) => {
|
||
const bm = {
|
||
...m,
|
||
temp: []
|
||
}
|
||
m.temp.forEach((k: any) => {
|
||
if (k.id == videoInfo.id) {
|
||
bm.temp.push({
|
||
...k,
|
||
isvip: 0
|
||
})
|
||
} else {
|
||
bm.temp.push(k)
|
||
}
|
||
})
|
||
lk.push(bm)
|
||
})
|
||
const params = {
|
||
sid: videoInfo.sid,
|
||
id: videoInfo.id,
|
||
};
|
||
const transferadRes: any = await httpRequest('/transferad', 'POST', params);
|
||
this.setData({
|
||
batchList: batchList,
|
||
videoInfo: {
|
||
...videoInfo,
|
||
chackpay: 1
|
||
},
|
||
selectionConList: lk
|
||
})
|
||
});
|
||
|
||
// 预加载资源
|
||
adBanner.load();
|
||
}
|
||
},
|
||
toPathVideoitself(ev: any) {
|
||
const sid = ev.currentTarget.dataset.sid;
|
||
this.setData({
|
||
sid: sid,
|
||
options: {
|
||
sid
|
||
}
|
||
})
|
||
this.initFn();
|
||
},
|
||
async handelReplace() {
|
||
let nextbatchList = [];
|
||
const nextbatchRes: any = await httpRequest('/nextbatch', 'POST');
|
||
if (nextbatchRes.status == 1 && Array.isArray(nextbatchRes.data)) {
|
||
nextbatchList = nextbatchRes.data;
|
||
}
|
||
|
||
this.setData({
|
||
nextbatchList
|
||
})
|
||
},
|
||
handelEpisode(ev: any) {
|
||
const current = ev.detail.current;
|
||
this.setData({
|
||
roderCurrent: current
|
||
})
|
||
},
|
||
hideUnlock() {
|
||
this.setData({
|
||
unlockFlag: false
|
||
})
|
||
},
|
||
showUnlockFlag() {
|
||
this.setData({
|
||
unlockFlag: true
|
||
})
|
||
}
|
||
}) |