lipenggao/taobao-first-Playlet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

xiuga

Browse Source
This commit is contained in:
lipenggao 2024-03-07 13:31:42 +08:00
parent 94e54f4815
commit f402dbfd8a
6 changed files with 354 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

200
pages/binge/binge.js
View File

@ -2,113 +2,113 @@ import { imageBasUrl } from '../../utils/config';
const { httpRequest } = getApp(); const { httpRequest } = getApp();
Page({ Page({
data: { data: {
imageBasUrl, imageBasUrl,
likelist: [], likelist: [],
bookcase: [], bookcase: [],
signin: 0, signin: 0,
isEdit: false, isEdit: false,
likelistFlag: false, likelistFlag: false,
}, },
onShow() { onShow() {
this.setData({ this.setData({
systemInfo: getApp().globalData.systemInfo systemInfo: getApp().globalData.systemInfo
}) })
this.isGetList(); this.isGetList();
}, },
isGetList() { isGetList() {
const paramenter = { const paramenter = {
path: '/chasingdrama', path: '/chasingdrama',
method: 'GET', method: 'GET',
// body: { // body: {
// uid: 24 // uid: 24
// } // }
} }
httpRequest(paramenter).then(res => { httpRequest(paramenter).then(res => {
if (res.status == 1) { if (res.status == 1) {
const { data } = res; const { data } = res;
this.setData({ this.setData({
likelist: data.likelist, likelist: data.likelist,
bookcase: data.bookcase, bookcase: data.bookcase,
signin: data.signin, signin: data.signin,
likelistFlag: true likelistFlag: true
}) })
} }
}) })
}, },
setSignIn() { setSignIn() {
const paramenter = { const paramenter = {
path: '/signin', path: '/signin',
method: 'GET', method: 'GET',
} }
httpRequest(paramenter).then(res => { httpRequest(paramenter).then(res => {
if (res.status == 1) { if (res.status == 1) {
const { data } = res; const { data } = res;
my.showToast({ my.showToast({
content: `${res.msg},获得${data.money}看币`, content: `${res.msg},获得${data.money}看币`,
duration: 3000, duration: 3000,
}); });
} }
}) })
}, },
editPursue() { editPursue() {
// this.isEdit = !this.isEdit; // this.isEdit = !this.isEdit;
const isEdit = this.data.isEdit; const isEdit = this.data.isEdit;
this.setData({ this.setData({
isEdit: !isEdit isEdit: !isEdit
}) })
}, },
onDelItem(data) { onDelItem(data) {
const bookcase = this.data.bookcase; const bookcase = this.data.bookcase;
const paramenter = { const paramenter = {
path: '/chasingdramadel', path: '/chasingdramadel',
method: 'POST', method: 'POST',
body: { body: {
sid: data.articleid sid: data.articleid
} }
} }
httpRequest(paramenter).then(res => { httpRequest(paramenter).then(res => {
const temp = bookcase.filter(r => r.id !== data.id); const temp = bookcase.filter(r => r.id !== data.id);
if (res.status == 1) { if (res.status == 1) {
this.setData({ this.setData({
bookcase: temp, bookcase: temp,
}) })
my.showToast({ my.showToast({
content: '删除成功！', content: '删除成功！',
duration: 1000, duration: 1000,
}); });
} }
}) })
}, },
toPathVideo(event) { toPathVideo(event) {
const data = event.target.dataset.item; const data = event.target.dataset.item;
const isEdit = this.data.isEdit; const isEdit = this.data.isEdit;
const systemInfo = this.data.systemInfo; const systemInfo = this.data.systemInfo;
if (isEdit) { if (isEdit) {
this.onDelItem(data); this.onDelItem(data);
} else { } else {
if (systemInfo.platform == 'android') { if (systemInfo.platform == 'android' || systemInfo.platform == 'Android') {
my.navigateTo({ my.navigateTo({
url: `/pages/videoAndroid/videoAndroid?sid=${data.id}`, url: `/pages/videoAndroid/videoAndroid?sid=${data.id}`,
}); });
} else { } else {
my.navigateTo({ my.navigateTo({
url: `/pages/video/video?sid=${data.id}` url: `/pages/video/video?sid=${data.id}`
}); });
} }
}
}, }
onHide() { },
this.setData({
isEdit: false onHide() {
}) this.setData({
} isEdit: false
})
}
}) })

74
pages/history/history.js
View File

@ -1,43 +1,43 @@
const { httpRequest } = getApp(); const { httpRequest } = getApp();
Page({ Page({
data: { data: {
historyList: [], historyList: [],
listFlag: false, listFlag: false,
systemInfo: {} systemInfo: {}
}, },
onShow() { onShow() {
my.showLoading({ my.showLoading({
content: '加载中...', content: '加载中...',
}); });
const paramenter = { const paramenter = {
path: '/history', path: '/history',
method: 'GET', method: 'GET',
} }
httpRequest(paramenter).then(res => { httpRequest(paramenter).then(res => {
my.hideLoading() my.hideLoading()
if (res.status == 1 && Array.isArray(res.data)) { if (res.status == 1 && Array.isArray(res.data)) {
this.setData({ this.setData({
historyList: res.data, historyList: res.data,
listFlag: true, listFlag: true,
systemInfo: getApp().globalData.systemInfo systemInfo: getApp().globalData.systemInfo
}) })
} }
}) })
}, },
toGetVideo(event) { toGetVideo(event) {
const data = event.target.dataset.item; const data = event.target.dataset.item;
const systemInfo = this.data.systemInfo; const systemInfo = this.data.systemInfo;
if (systemInfo.platform == 'android') { if (systemInfo.platform == 'android' || systemInfo.platform == 'Android') {
my.navigateTo({ my.navigateTo({
url: `/pages/videoAndroid/videoAndroid?sid=${data.sid}&id=${data.chapterid || ""}`, url: `/pages/videoAndroid/videoAndroid?sid=${data.sid}&id=${data.chapterid || ""}`,
}); });
} else { } else {
my.navigateTo({ my.navigateTo({
url: `/pages/video/video?sid=${data.sid}&id=${data.chapterid || ""}`, url: `/pages/video/video?sid=${data.sid}&id=${data.chapterid || ""}`,
}); });
} }
} }
}) })

4
pages/index/index.js
View File

@ -74,7 +74,7 @@ Page({
navgetHistory() { navgetHistory() {
const systemInfo = this.data.systemInfo; const systemInfo = this.data.systemInfo;
if (systemInfo.platform == 'android') { if (systemInfo.platform == 'android' || systemInfo.platform == 'Android') {
my.navigateTo({ my.navigateTo({
url: `/pages/videoAndroid/videoAndroid?sid=${this.history.sid}&id=${this.history.id || "" url: `/pages/videoAndroid/videoAndroid?sid=${this.history.sid}&id=${this.history.id || ""
}`, }`,
@ -98,7 +98,7 @@ Page({
const data = event.target.dataset.item; const data = event.target.dataset.item;
const systemInfo = this.data.systemInfo; const systemInfo = this.data.systemInfo;
if (systemInfo.platform == 'android') { if (systemInfo.platform == 'android' || systemInfo.platform == 'Android') {
my.navigateTo({ my.navigateTo({
url: `/pages/videoAndroid/videoAndroid?sid=${data.id}`, url: `/pages/videoAndroid/videoAndroid?sid=${data.id}`,
}); });

57
pages/videoAndroid/videoAndroid.acss
View File

@ -47,17 +47,62 @@ page {
position: relative; position: relative;
} }
.swiper_video_box{ ._video_controls_warp {
position: absolute; position: absolute;
top: 0;
left: 0; left: 0;
right: 0;
bottom: 0; bottom: 0;
display: flex;
align-items: center;
width: 100%;
height: 100rpx;
padding: 0 40rpx;
/* background-color: rgba(0, 0, 0, 0.3); */
background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
z-index: 3;
}
._video_controls_currentTime {
color: #fff;
font-size: 36rpx;
}
._video_controls_videoDuration {
color: #fff;
font-size: 36rpx;
}
._video_controls_slider {
flex: 1;
flex-shrink: 0;
padding: 0 20rpx;
margin-top: -8rpx;
}
.video_status_warp {
position: absolute;
top: 50%;
left: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 120rpx;
height: 120rpx;
border-radius: 50%;
border: 2rpx solid #fff;
background-color: rgba(0, 0, 0, 0.3);
transform: translate(-50%,-50%);
z-index: 3;
}
.video_status_icon {
width: 40rpx;
height: 40rpx;
}
.v_s_img {
display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1;
/* pointer-events:none; */
will-change: transform;
} }
.swiper_video_box_android { .swiper_video_box_android {

47
pages/videoAndroid/videoAndroid.axml
View File

@ -5,18 +5,53 @@
<block a:for={{batchAllList}}> <block a:for={{batchAllList}}>
<swiper-item key="swiper_item_{{index}}" class="swiper_item"> <swiper-item key="swiper_item_{{index}}" class="swiper_item">
<view class="swiper_item_warp"> <view class="swiper_item_warp">
<!-- 播放 --> <!-- 播放 catchTouchEnd="videoPlayTouchEnd"-->
<view class="_video_pay_warp"> <view class="_video_pay_warp" catchTap="videoPlayControl" >
<!--<view class="swiper_item" style="background:pink"></view> --> <!--<view class="swiper_item" style="background:pink"></view> -->
<!--<block a:if={{videoInfoObj.chackpay == 1 && swiperOrder == item.order}}> --> <!--<block a:if={{videoInfoObj.chackpay == 1 && swiperOrder == item.order}}> -->
<block a:if={{videoInfoObj.chackpay == 1}}> <block a:if={{videoInfoObj.chackpay == 1}}>
<block a:if={{videoInfoObj.order == item.order}}> <block a:if={{videoInfoObj.order == item.order}}>
<video class="swiper_video_box" src={{videoInfoObj.video_url}} autoplay={{(videoInfoObj.chackpay == 1 && videoInfoObj.order == item.order && pageHideFlag) ? true: false }} <!-- poster={{posterCover}} -->
poster={{posterCover}} onError="videoErrorFn" objectFit="contain" show-mute-btn={{false}} onEnded="videoEndedFn" <video class="swiper_video_box_android" id="myVideo_{{item.order}}" src={{videoInfoObj.video_url}} autoplay={{(videoInfoObj.chackpay == 1 && videoInfoObj.order == item.order && pageHideFlag) ? true: false }}
></video> onError="videoErrorFn" objectFit="contain" show-mute-btn={{false}} onEnded="videoEndedFn"
<!-- onTimeUpdate="onTimeUpdate" controls={{false}} --> onTimeUpdate="onTimeUpdate" data-item={{item}} controls={{false}} />
<block a:if={{videoStatus == 2 || videoStatus == 3}}>
<block a:if={{videoStatus == 2}}>
<view class="video_status_warp" catchTap="videoPlayPause" data-item={{item}}>
<view class="video_status_icon">
<image mode="scaleToFill" class="v_s_img" src="{{imageBasUrl}}/iamge/android_suspend_icon.png" />
</view>
</view>
</block>
<block a:if={{videoStatus == 3}}>
<view class="video_status_warp" catchTap="videoPlayPlay" data-item={{item}}>
<view class="video_status_icon">
<image mode="scaleToFill" class="v_s_img" src="{{imageBasUrl}}/iamge/android_play_icon.png" />
</view>
</view>
</block>
<!-- catchTouchStart="onTouchStartControls" -->
<view class="_video_controls_warp" catchTouchStart="onTouchStartControls" catchTouchEnd="onTouchEndControls">
<view class="_video_controls_currentTime">
<text>{{currentTime}}</text>
</view>
<view class="_video_controls_slider">
<slider value={{sliderValue}} min="0" max={{sliderMax}} handle-size={{16}} onChange="videoSliderChange" data-item={{item}} />
</view>
<view class="_video_controls_videoDuration">
<text>{{videoDuration}}</text>
</view>
</view>
</block>
</block> </block>
<block a:else> <block a:else>
<view class="_video_pay_bg_cover"> <view class="_video_pay_bg_cover">
<image mode="scaleToFill" src={{posterCover}} class="_video_pay_bg_cover_img" /> <image mode="scaleToFill" src={{posterCover}} class="_video_pay_bg_cover_img" />

129
pages/videoAndroid/videoAndroid.js
View File

@ -26,7 +26,13 @@ Page({
batchAllOrder: 0, batchAllOrder: 0,
batchAllList: [], batchAllList: [],
isThrottle: null, isThrottle: null,
pageHideFlag: true pageHideFlag: true,
videoStatus: 1,
videoControlTimer: null,
videoDuration: '0.00',
currentTime: '0.00',
sliderMax: 100,
sliderValue: 0
}, },
// 获取其它信息 // 获取其它信息
isOtherFn() { isOtherFn() {
@ -141,7 +147,6 @@ Page({
} }
const isBatchlist = await httpRequest(paramenter); const isBatchlist = await httpRequest(paramenter);
const selectOrderInfo = this.handelOrder(isBatchlist); const selectOrderInfo = this.handelOrder(isBatchlist);
console.log(selectOrderInfo, "selectOrderInfo")
this.setData({ this.setData({
swiperOrder: videoInfoObj.order, swiperOrder: videoInfoObj.order,
@ -225,6 +230,8 @@ Page({
const sid = this.data.sid; const sid = this.data.sid;
// const swiperList = this.data.swiperList; // const swiperList = this.data.swiperList;
const id = videoInfoObj.nextid; const id = videoInfoObj.nextid;
const videoControlTimer = this.data.videoControlTimer;
clearTimeout(videoControlTimer);
// const current = videoInfoObj.order; // const current = videoInfoObj.order;
const paramVideo = { const paramVideo = {
path: '/videoread', path: '/videoread',
@ -246,13 +253,112 @@ Page({
changeCuurent: resData.order - 1, changeCuurent: resData.order - 1,
videoInfoObj: resData, videoInfoObj: resData,
orderList: ols, orderList: ols,
videoStatus: 1
// swiperOrder: resData.order // swiperOrder: resData.order
}) })
}) })
}, },
onTimeUpdate(ed) { onTimeUpdate(ev) {
console.log(ed, "=========") // console.log(ev, "=========")
const videoDuration = ev.detail.videoDuration;
const currentTime = ev.detail.currentTime;
const videoDuration_m = parseInt(videoDuration / 60 % 60);
const videoDuration_s = parseInt(videoDuration % 60);
const currentTime_m = parseInt(currentTime / 60 % 60);
const currentTime_s = parseInt(currentTime % 60);
const vtime_m = videoDuration_m < 10 ? `0${videoDuration_m}` : videoDuration_m;
const vtime_s = videoDuration_s < 10 ? `0${videoDuration_s}` : videoDuration_s;
const ctime_m = currentTime_m < 10 ? `0${currentTime_m}` : currentTime_m;
const ctime_s = currentTime_s < 10 ? `0${currentTime_s}` : currentTime_s;
if (videoDuration != undefined && currentTime != undefined) {
this.setData({
videoDuration: `${vtime_m}:${vtime_s}`,
currentTime: `${ctime_m}:${ctime_s}`,
sliderMax: parseInt(videoDuration),
sliderValue: parseInt(currentTime)
})
}
},
videoPlayControl() {
const videoControlTimer = setTimeout(() => {
const videoStatus = this.data.videoStatus;
if (videoStatus == 2) {
this.setData({
videoStatus: 1
})
}
}, 3000)
this.setData({
videoStatus: 2,
videoControlTimer
})
},
onTouchEndControls() {
const videoControlTimer = setTimeout(() => {
const videoStatus = this.data.videoStatus;
if (videoStatus == 2) {
this.setData({
videoStatus: 1
})
}
}, 3000);
this.setData({
videoControlTimer
})
},
onTouchStartControls() {
const videoControlTimer = this.data.videoControlTimer;
clearTimeout(videoControlTimer);
},
videoSliderChange(ev) {
const sliderValue = ev.detail.value;
const item = ev.currentTarget.dataset.item;
const videoContext = my.createVideoContext(`myVideo_${item.order}`);
videoContext.seek(sliderValue);
this.setData({
sliderValue
})
},
videoPlayPause(ev) {
const item = ev.currentTarget.dataset.item;
const videoControlTimer = this.data.videoControlTimer;
const videoContext = my.createVideoContext(`myVideo_${item.order}`);
videoContext.pause();
clearTimeout(videoControlTimer);
this.setData({
videoStatus: 3
})
},
videoPlayPlay(ev) {
const item = ev.currentTarget.dataset.item;
const videoContext = my.createVideoContext(`myVideo_${item.order}`);
videoContext.play();
const videoControlTimer = setTimeout(() => {
const videoStatus = this.data.videoStatus;
if (videoStatus == 2) {
this.setData({
videoStatus: 1
})
}
}, 3000);
this.setData({
videoStatus: 2,
videoControlTimer
})
}, },
//显示 选择集数 //显示 选择集数
@ -280,9 +386,13 @@ Page({
handleOrderCurrent(ev) { handleOrderCurrent(ev) {
const item = ev.target.dataset.item; const item = ev.target.dataset.item;
// const videoInfoObj = this.data.videoInfoObj;
// const orderList = this.data.orderList; // const orderList = this.data.orderList;
// const batchAllOrder = this.data.batchAllOrder; // const batchAllOrder = this.data.batchAllOrder;
const batchAllList = this.data.batchAllList; const batchAllList = this.data.batchAllList;
// if(videoInfoObj.order == item.order) {
// }
if (item.order != 1) { if (item.order != 1) {
const nextVideoObj = batchAllList[item.order - 2]; const nextVideoObj = batchAllList[item.order - 2];
if (nextVideoObj.isvip == 1) { if (nextVideoObj.isvip == 1) {
@ -295,6 +405,8 @@ Page({
} }
// const current = item.order - 1; // const current = item.order - 1;
const sid = this.data.sid; const sid = this.data.sid;
const videoControlTimer = this.data.videoControlTimer;
clearTimeout(videoControlTimer);
// const swiperList = this.data.swiperList; // const swiperList = this.data.swiperList;
const paramVideo = { const paramVideo = {
path: '/videoread', path: '/videoread',
@ -318,6 +430,7 @@ Page({
orderList: ols, orderList: ols,
swiperCurrent: resData.order - 1, swiperCurrent: resData.order - 1,
changeCuurent: resData.order - 1, changeCuurent: resData.order - 1,
videoStatus: 1
}) })
}) })
}, },
@ -344,6 +457,7 @@ Page({
} else { } else {
id = videoInfoObj.lastid; id = videoInfoObj.lastid;
} }
const paramVideo = { const paramVideo = {
path: '/videoread', path: '/videoread',
method: 'POST', method: 'POST',
@ -352,7 +466,8 @@ Page({
id: id id: id
} }
} }
const videoControlTimer = this.data.videoControlTimer;
clearTimeout(videoControlTimer);
httpRequest(paramVideo).then(res => { httpRequest(paramVideo).then(res => {
// swiperList.map() // swiperList.map()
const resData = res.data[0] const resData = res.data[0]
@ -364,10 +479,12 @@ Page({
changeCuurent: current, changeCuurent: current,
videoInfoObj: resData, videoInfoObj: resData,
orderList: ols, orderList: ols,
swiperOrder: resData.order swiperOrder: resData.order,
videoStatus: 1
}) })
}) })
}, 300, { trailing: false }); }, 300, { trailing: false });
this.setData({ this.setData({
isThrottle: isThrottle, isThrottle: isThrottle,
pageHideFlag: true pageHideFlag: true