lipenggao/dy_iaa_new_project
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开放官方播放器

Browse Source
This commit is contained in:
jiaogan 2024-11-22 15:36:06 +08:00
parent 783cc313f0
commit faa16feedd
17 changed files with 262 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app.ts
View File

@ -9,7 +9,7 @@ App({
loginPromise: null,
statusBarHeight: 0,
canUsePlayletExtension: tt.canIUse('PlayletExtension'),
useVideoByte: true,
useVideoByte: true,//是否使用官方播放器
},
onLaunch() {
const loginPromise: any = new Promise((resolve: any) => {

17
components/player/player.ts
View File

@ -17,13 +17,13 @@ Component({
console.log("触发开始播放onPlay回调，时间是:", new Date());
});
pm.onPause((e) => {
console.error('触发暂停播放onPause回调', e)
console.log('触发暂停播放onPause回调', e)
})
pm.onEnded((e) => {
console.error('触发播放到末尾onEnded回调', e)
console.log('触发播放到末尾onEnded回调', e)
})
pm.onError((e) => {
console.error('触发onError回调', e)
console.log('触发onError回调', e)
})
// 播放进度变化时
@ -47,6 +47,7 @@ Component({
})
pm.onClickUnlock((e) => {
console.log('aaa')
this.adOpen()
})
@ -101,5 +102,15 @@ Component({
})
}
},
adOpen() {
let adBanner: any = this.data.adBanner;
tt.showToast({
title: `广告加载中...`,
icon: 'none',
});
adBanner.show().then(() => {
// res: any console.log("视频广告展示");
});
},
}
})

17
pages/collection/collection.ts
View File

@ -5,7 +5,9 @@ Page({
data: {
bookcase: [],
bookcaseFlag: false,
bookId: ''
bookId: '',
canUsePlayletExtension: getApp().globalData.canUsePlayletExtension,
useVideoByte: getApp().globalData.useVideoByte,
},
onLoad: function () {
// options
@ -32,10 +34,19 @@ Page({
toPathVideo(ev: any) {
const sid = ev.currentTarget.dataset.sid;
const id = ev.currentTarget.dataset.id;
console.log(id, "chapteridchapteridchapterid")
const album_id = ev.currentTarget.dataset.item.album_id;
const episode_id = ev.currentTarget.dataset.item.episode_id;
let url = `/pages/videoDetail/videoDetail?sid=${sid}&id=${id || ''}`;
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
url = `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${album_id}&tt_episode_id=${episode_id}&sid=${sid}`;
}
console.log("url",url);
tt.navigateTo({
url: `/pages/videoDetail/videoDetail?sid=${sid}&id=${id || ''}`,
url: url,
});
// tt.navigateTo({
// url: `/pages/videoDetail/videoDetail?sid=${sid}&id=${id || ''}`,
// });
},
myModalRef(ref: any) {
this.myModal = ref

6
pages/collection/collection.ttml
View File

@ -3,7 +3,7 @@
<view class="collection_h_list">
<block tt:for="{{bookcase}}">
<view class="collection_h_li_item" catchtap="toPathVideo" data-sid="{{item.articleid}}"
tt:key="{{item.id}}" data-id="{{item.chapterid}}">
tt:key="{{item.id}}" data-id="{{item.chapterid}}" data-item="{{item}}" >
<view class="collection_h_li_warp">
<view class="collection_h_li_wa_left">
<image src="{{item.cover}}" class="__wa_img" mode="aspectFill"></image>
@ -26,9 +26,9 @@
</view>
</view>
<view class="_colle_h_li_wa_ri_btoom">
<view class="_colle_h_li_wa_ri_continue" catchtap="toPathVideo"
<view class="_colle_h_li_wa_ri_continue" catchtap="toPathVideo" data-item="{{item}}"
data-sid="{{item.articleid}}" data-id="{{item.chapterid}}">
<text class="_colle_h_li_wa_ri_continue_text">继续观看</text>
<text class="_colle_h_li_wa_ri_continue_text" >继续观看</text>
</view>
</view>
</view>

16
pages/history/history.ts
View File

@ -3,7 +3,9 @@ import { httpRequest } from "../../utils/httpReques";
Page({
data: {
historyList: [],
historyFlag: false
historyFlag: false,
canUsePlayletExtension: getApp().globalData.canUsePlayletExtension,
useVideoByte: getApp().globalData.useVideoByte,
},
onLoad: function () {
// options
@ -24,8 +26,18 @@ Page({
toPathVideo(ev: any) {
const sid = ev.currentTarget.dataset.sid;
const chapterid = ev.currentTarget.dataset.chapterid;
const album_id = ev.currentTarget.dataset.item.album_id;
const episode_id = ev.currentTarget.dataset.item.episode_id;
let url = `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
url = `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${album_id}&tt_episode_id=${episode_id}&sid=${sid}`;
}
console.log("url",url);
tt.navigateTo({
url: `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`,
url: url,
});
// tt.navigateTo({
// url: `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`,
// });
},
})

2
pages/history/history.ttml
View File

@ -3,7 +3,7 @@
<view class="_history_h_list">
<block tt:for="{{historyList}}">
<view class="_history__li_item">
<view class="_history__li_it_warp" catchtap="toPathVideo" data-sid="{{item.sid}}"
<view class="_history__li_it_warp" catchtap="toPathVideo" data-item="{{item}}" data-sid="{{item.sid}}"
data-chapterid="{{item.chapterid}}">
<view class="_history__li_it_wa_left">
<image src="{{item.cover}}" class="__wa_img" mode="aspectFill"></image>

17
pages/my/my.ts
View File

@ -6,7 +6,9 @@ Page({
data: {
userInfo: {},
platform: '',
historyList: []
historyList: [],
canUsePlayletExtension: getApp().globalData.canUsePlayletExtension,
useVideoByte: getApp().globalData.useVideoByte,
},
onLoad() {
tt.getSystemInfo({
@ -48,9 +50,20 @@ Page({
toPathVideo(ev: any) {
const sid = ev.currentTarget.dataset.sid;
const chapterid = ev.currentTarget.dataset.chapterid;
const album_id = ev.currentTarget.dataset.item.album_id;
const episode_id = ev.currentTarget.dataset.item.episode_id;
let url = `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
url = `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${album_id}&tt_episode_id=${episode_id}&sid=${sid}`;
}
console.log("url",url);
tt.navigateTo({
url: `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`,
url: url,
});
//
// tt.navigateTo({
// url: `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`,
// });
},
toPathRechargeRecord() {
tt.navigateTo({

2
pages/my/my.ttml
View File

@ -109,7 +109,7 @@
<view class="_my_ste_4_history">
<scroll-view class="_my_ste_4_scr_H" scroll-x="true" style="width: 100%">
<block tt:for="{{historyList}}">
<view class="_my_ste_4_scr_H_item" tt:key="{{item.sid}}" data-sid="{{item.sid}}" data-chapterid="{{item.chapterid}}" bindtap="toPathVideo">
<view class="_my_ste_4_scr_H_item" tt:key="{{item.sid}}" data-sid="{{item.sid}}" data-item="{{item}}" data-chapterid="{{item.chapterid}}" bindtap="toPathVideo">
<view class="_my_ste_4_scr_H_i_cover">
<image src="{{item.cover}}" class="__m_c_iiii" mode="aspectFill"></image>
</view>

17
pages/search/search.ts
View File

@ -5,7 +5,9 @@ Page({
searchValue: '',
historySearchList: [],
searchList: [],
searchFlag: false
searchFlag: false,
canUsePlayletExtension: getApp().globalData.canUsePlayletExtension,
useVideoByte: getApp().globalData.useVideoByte,
},
onLoad: function () {
// options
@ -84,8 +86,19 @@ Page({
},
toPathVideo(ev: any) {
const sid = ev.currentTarget.dataset.sid;
const chapterid = ev.currentTarget.dataset.chapterid;
const album_id = ev.currentTarget.dataset.item.album_id;
const episode_id = ev.currentTarget.dataset.item.episode_id;
let url = `/pages/videoDetail/videoDetail?sid=${sid}&id=${chapterid || ''}`
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
url = `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${album_id}&tt_episode_id=${episode_id}&sid=${sid}`;
}
console.log("url",url);
tt.navigateTo({
url: `/pages/videoDetail/videoDetail?sid=${sid}`,
url: url,
});
// tt.navigateTo({
// url: `/pages/videoDetail/videoDetail?sid=${sid}`,
// });
},
})

2
pages/search/search.ttml
View File

@ -35,7 +35,7 @@
<block tt:elif="{{searchFlag && searchList.length}}">
<view class="_search_con_vi_lis">
<block tt:for="{{searchList}}">
<view class="_search_con_vi_l_item" tt:key="{{item.id}}" data-sid="{{item.id}}" catchtap="toPathVideo">
<view class="_search_con_vi_l_item" tt:key="{{item.id}}" data-sid="{{item.id}}" data-item="{{item}}" catchtap="toPathVideo">
<view class="_search_con_vi_l_i_warp">
<view class="_search_con_vi_l_i_w_cover">
<image src="{{item.cover}}" class="__wa_img" mode="aspectFill"></image>

16
pages/theater/theater.ts
View File

@ -6,7 +6,9 @@ Page({
categoryList: [],
categoryid: '',
module1: [],
module2: []
module2: [],
canUsePlayletExtension: getApp().globalData.canUsePlayletExtension,
useVideoByte: getApp().globalData.useVideoByte,
},
onLoad() {
// options
@ -57,8 +59,18 @@ Page({
},
toPathVideo(ev: any) {
const sid = ev.currentTarget.dataset.sid;
const album_id = ev.currentTarget.dataset.item.album_id;
const episode_id = ev.currentTarget.dataset.item.episode_id;
let url = `/pages/videoDetail/videoDetail?sid=${sid}`;
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
url = `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${album_id}&tt_episode_id=${episode_id}&sid=${sid}`;
}
console.log("url",url);
tt.navigateTo({
url: `/pages/videoDetail/videoDetail?sid=${sid}`,
url: url,
});
// tt.navigateTo({
// url: `/pages/videoDetail/videoDetail?sid=${sid}`,
// });
},
})

4
pages/theater/theater.ttml
View File

@ -36,7 +36,7 @@
<view class="_mo_one_con_list">
<block tt:for="{{module2}}">
<view class="_mo_one_con_li_item" tt:key="{{item.id}}">
<view class="_mo_one_con_li_it_warp" data-sid="{{item.id}}" catchtap="toPathVideo">
<view class="_mo_one_con_li_it_warp" data-sid="{{item.id}}" catchtap="toPathVideo" data-item="{{item}}" >
<view class="_mo_one_con_li_it_wa_cover">
<image src="{{item.cover}}" class="__wa_img" mode="aspectFill"></image>
@ -83,7 +83,7 @@
<view class="_mo_one_con_list">
<block tt:for="{{module1}}">
<view class="_mo_one_con_li_item" tt:key="{{item.id}}" data-sid="{{item.id}}"
catchtap="toPathVideo">
catchtap="toPathVideo" data-item="{{item}}" >
<view class="_mo_one_con_li_it_warp">
<view class="_mo_one_con_li_it_wa_cover">
<image src="{{item.cover}}" class="__wa_img" mode="aspectFill"></image>

23
pages/videoByte/videoByte.ts
View File

@ -12,6 +12,7 @@ PlayletExtension({
options: undefined,
data: {
watchInfo: null,
nextbatchList: [],
},
methods: {
emitInfoFromChildren(val,data) {
@ -91,7 +92,7 @@ PlayletExtension({
});
this.init();
// this.getNext();
},
async init(status?:string,data?:any) {
console.log("data",data)
@ -123,8 +124,26 @@ PlayletExtension({
this.setData({
watchInfo: _watchinfo
})
},
async getNext(){
// let params = {
// ...this.options,
// album_id: !!data ? data.album_id : this.options.tt_album_id,
// episode_id: !!data ? data.episode_id : this.options.tt_episode_id,
// sid: null,
// id: null,
// tt_album_id: null,
// tt_episode_id: null,
// }
let nextbatchList = [];
const nextbatchRes: any = await httpRequest('/nextbatch', 'POST', this.options);
if (nextbatchRes.status == 1 && Array.isArray(nextbatchRes.data)) {
nextbatchList = nextbatchRes.data;
}
this.setData({
nextbatchList
})
}
},
lifetimes: {

37
pages/videoByte/videoByte.ttml
View File

@ -0,0 +1,37 @@
<!-- 完结推荐-->
<block tt:if="{{nextbatchList.length}}">
<swiper-item>
<view class="_play_drama_complete">
<view class="_pla_dra_com_mask">
<image src="{{videoInfo.cover}}" mode="aspectFill" class="__wa_img_no_radius"></image>
</view>
<view class="_pla_dra_com_content">
<view class="_pla__com_con_title">
<text class="_pla__com_con_ti_text">本剧已结束</text>
</view>
<view class="_pla__com_con_warp">
<view class="_pla__com_con_w_header">
<view class="_pla__com__w_he_title">更多推荐</view>
<view class="_pla__com__w_he_exit" catchtap="handelReplace">换一换</view>
</view>
<view class="_pla__com_con_w_list">
<block tt:for="{{nextbatchList}}">
<view class="_pla__com_con_w_li_item" tt:key="{{item.id}}" data-sid="{{item.id}}"
catchtap="toPathVideoitself">
<view class="_pla__com_con_w_li_it_mm">
<view class="_pla__com__w_li_it_m_cover">
<image src="{{item.cover}}" mode="aspectFill"
class="_pla__com__w_li_it_m_co_img"></image>
</view>
<view class="_pla__com__w_li_it_m_title">
<text class="_pla__com__w_li_it_m_ti_text">{{item.name}}</text>
</view>
</view>
</view>
</block>
</view>
</view>
</view>
</view>
</swiper-item>
</block>

95
pages/videoDetail/videoDetail.ts
View File

@ -23,9 +23,11 @@ Page({
nextbatchList: [],
selectedId: '',
unlockFlag: true,
adBanner: null
adBanner: null,
canUsePlayletExtension: getApp().globalData.canUsePlayletExtension,
useVideoByte: getApp().globalData.useVideoByte,
},
onLoad(options: any) {
async onLoad(options: any) {
const videoCanIUse = tt.canIUse('video-player');
tt.getSystemInfo({
success: (res: any) => {
@ -40,11 +42,75 @@ Page({
sid: options?.sid || ''
})
const params = {
...options
...options,
album_id: options?.tt_album_id,
episode_id: options?.tt_episode_id,
}
// 1:查询状态，下架了就拦截
// let nextbatchList = [];
// const nextbatchRes: any = await httpRequest('/nextbatch', 'POST', params);
// if (nextbatchRes?.status == 1 && Array.isArray(nextbatchRes?.data)) {
// nextbatchList = nextbatchRes.data;
// this.setData({
// nextbatchList,
// })
// }else{
// //1：新播放器
// if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
// tt.navigateTo({
// url: `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${params.album_id}&tt_episode_id=${params.episode_id}`
// });
// }else{
// //2: 本页
// this.initFn(params);
// this.adInit()
// }
// }
//查询状态
// let checkstatus: any = await httpRequest('/skitslibrarystate', 'POST', params);
// console.log(checkstatus)
// if (checkstatus.data.status != 1) { //下架了拉推荐
// let nextbatchList = [];
// const nextbatchRes: any = await httpRequest('/nextbatch', 'POST', params);
// if (nextbatchRes?.status == 1 && Array.isArray(nextbatchRes?.data)) {
// nextbatchList = nextbatchRes.data;
// this.setData({
// nextbatchList,
// })
// }
// return
// }else{
// //1：新播放器
// if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
// tt.navigateTo({
// url: `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${params.album_id}&tt_episode_id=${params.episode_id}`
// });
// return
// }else{
// //2: 本页
// this.initFn(params);
// this.adInit()
// }
// }
// this.initFn(params);
// this.adInit()
//1：新播放器
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
let urlstr = this.objectToQueryString(params)
tt.redirectTo({
url: `/pages/videoByte/videoByte?is_continue=0&${urlstr}`
});
return
}else{
//2: 本页
this.initFn(params);
this.adInit()
}
},
onShow() { },
async initFn(params: any) {
@ -492,7 +558,17 @@ Page({
sid
}
})
const album_id = ev.currentTarget.dataset.item.album_id;
const episode_id = ev.currentTarget.dataset.item.episode_id;
//1：新播放器
if(this.data.canUsePlayletExtension&&this.data.useVideoByte){
tt.redirectTo({
url: `/pages/videoByte/videoByte?is_continue=0&tt_album_id=${album_id}&tt_episode_id=${episode_id||''}`
});
}else{
//2: 页面刷新
this.initFn(params);
}
},
async handelReplace() {
const sid = this.data.sid;
@ -565,4 +641,17 @@ Page({
const context: any = tt.createVideoContext(`${videoInfo.id}`);
context?.play?.();
},
objectToQueryString(obj) {
return Object.keys(obj).map(key => {
let value = obj[key];
// 处理数组情况
if (Array.isArray(value)) {
value = value.map(v => encodeURIComponent(v)).join(',');
} else {
value = encodeURIComponent(value);
}
return `${encodeURIComponent(key)}=${value}`;
}).join('&');
}
})

4
pages/videoDetail/videoDetail.ttml
View File

@ -177,12 +177,12 @@
<view class="_pla__com_con_warp">
<view class="_pla__com_con_w_header">
<view class="_pla__com__w_he_title">更多推荐</view>
<view class="_pla__com__w_he_exit" catchtap="handelReplace">换一换</view>
<view class="_pla__com__w_he_exit" catchtap="`handelReplace`">换一换</view>
</view>
<view class="_pla__com_con_w_list">
<block tt:for="{{nextbatchList}}">
<view class="_pla__com_con_w_li_item" tt:key="{{item.id}}" data-sid="{{item.id}}"
catchtap="toPathVideoitself">
catchtap="toPathVideoitself" data-item="{{item}}">
<view class="_pla__com_con_w_li_it_mm">
<view class="_pla__com__w_li_it_m_cover">
<image src="{{item.cover}}" mode="aspectFill"

12
project.private.config.json
View File

@ -1,7 +1,7 @@
{
"condition": {
"miniprogram": {
"current": 1732184262860,
"current": 1732245477906,
"list": [
{
"id": 1715845062520,
@ -121,6 +121,16 @@
"scene": "011002",
"launchFrom": "search_suggest_list_top",
"location": "",
"mockUpdateType": "Noupdate"
},
{
"id": 1732245477906,
"name": "pages/videoDetail/videoDetail",
"pathName": "pages/videoDetail/videoDetail",
"query": "sid=265&id=14265&tid=1234&union_tid=15875&tt_album_id=7336037389002867237&tt_episode_id=7336037720098783759",
"scene": "011002",
"launchFrom": "search_suggest_list_top",
"location": "",
"mockUpdateType": "Noupdate",
"addType": "manual"
}