';
let dp = {
dPlayerNode: null,
player: null,
user:{
'x-signature':'',
'x-device-id':''
},
// 当前页信息
page: {
id: null,
order: null,
order_by: null,
item: []
},
videoPage: {
id: '',
video: {},
player: null
}
}
let transcoding = {
UHD: '4K 超清',
QHD: '2K 超清',
FHD: '1080 全高清',
HD: '720 高清',
SD: '540 标清',
LD: '360 流畅'
}
// 创建播放器
dp.createDPlayer = function () {
let jquery = getJquery()
let videoNode = jquery('video')
if (videoNode.length <= 0) {
return false
}
if (!dp.dPlayerNode || jquery('#dplayer').length === 0) {
dp.dPlayerNode = jquery('')[0]
videoNode[0].parentNode.parentNode.replaceWith(dp.dPlayerNode)
}else if(dp.videoPage.player){
dp.videoPage.player.destroy();
}
let video = dp.videoPage.video
//视频信息
let play_info = video.video_preview_play_info
//清晰度
let task_list = play_info.live_transcoding_task_list
dp.videoPage.id = video.file_id
let quality = [], defaultQuality = task_list.length - 1, locQuality = getItem("quality")
task_list.forEach(function (item, index) {
let name = transcoding[item.template_id]
if (!name) {
return
}
if (locQuality === item.template_id) {
defaultQuality = index;
}
quality.push({
templateId: item.template_id,
name: name,
url: item.url || item.preview_url,
type: 'hls'
})
})
if (defaultQuality < 0) {
defaultQuality = 0
}
let fileList = dp.page.item;
let fileIndex = fileList.findIndex(function (item, index) {
return item.file_id === dp.videoPage.id
})
let pic = ''
if (fileIndex !== -1) {
pic = fileList[fileIndex].thumbnail
}
let video_json = {
quality: quality,
defaultQuality: defaultQuality,
pic: pic,
customType: {
hls: function (video, player) {
const hls = new Hls()
hls.loadSource(video.src)
hls.attachMedia(video)
}
}
};
let options = {
container: dp.dPlayerNode,
video: video_json,
autoplay: true,
screenshot: true,
hotkey: false,
airplay: true,
volume: 1.0,
contextmenu: []
}
try {
let player = dp.videoPage.player = new DPlayer(options)
player.on("quality_end", function () {
setItem("quality", player.quality.templateId);
});
player.on('error', function (e) {
console.log(e)
})
dp.dPlayerEvent();
} catch (error) {
console.error('播放器创建失败', error)
}
return true
}
// 历史视频播放
dp.historyVideo = function () {
let $ = getJquery();
let title = '
最近在看
'
dp.showTip("加载中")
videoHistoryList(function (resp) {
if (!resp || !resp.recentUsed) {
let cloudList = getItem("historyCloudVideo");
resp['recentUsed'] = {}
if (cloudList) {
resp['recentUsed']['items'] = cloudList;
} else {
resp['recentUsed']['items'] = [];
}
}
function handler(item, index) {
html += '
'
let name = item.name;
let fileId = item.fileId;
let compilationId = ""
let path = '/drive/'
if(item.share){
path = item.compilationId;
}else if (item.compilationId) {
let i = item.compilationId.indexOf('_');
compilationId = item.compilationId.substring(i + 1, item.compilationId.length);
path += 'folder/' + compilationId;
item.share=false;
}
let progressPercentage = item.progressPercentage;
let fromSourceDescription = item.fromSourceDescription;
html += `
`
$('#root').append(html)
$("#header-close").on('click', function (e) {
dp.saveVideoLookTime(function(){
if(dp.videoPage.player){
dp.videoPage.player.destroy()
}
dp.videoPage ={
id: '',
video: {},
player: null
};
});
$('.modal--2-twY').remove()
})
// 获取文件信息
dp.videoPage.id = id
dp.getVideoPreviewPlayInfo(function (response) {
dp.playInfo({
response: response
});
})
}
dp.showTip = function (msg, timeout) {
let $ = getJquery();
dp.hideTip();
let element = $(".aDrive div");
let html = '
' + msg + '
'
if (element.length) {
element.append(html);
}
else {
$(document.body).append('
' + html + '
');
}
setTimeout(function () {
dp.hideTip()
}, timeout || 5000);
};
dp.hideTip = function () {
let $ = getJquery();
var notice = $(".aDrive-notice");
if (notice.length && "function" == typeof notice.remove) {
notice.remove()
} else if ("function" == typeof notice.removeNode) {
notice.removeNode(!0)
}
};
var initCloesClick = false;
// 播放器事件绑定
dp.dPlayerEvent = function () {
var rightCount = 0;
var rightInterval = null;
var logKey = false;
var playbackRate = null;
if(!initCloesClick){
let css = ".header-icon--bJn--"
if (location.href.indexOf('aliyundrive.com/drive') > 0) {
css = ".header-left--3QcN-"
}
getJquery()(css).on('click', function () {
dp.saveVideoLookTime(function(){
if(dp.videoPage.player){
dp.videoPage.player.destroy()
initCloesClick =false;
}
dp.videoPage ={
id: '',
video: {},
player: null
};
if(dp.videoPage.session){
clearTimeout(dp.videoPage.session)
}
});
initCloesClick =false;
})
initCloesClick =true;
}
dp.selectEpisode()
dp.getVideoLookTime()
document.onkeydown = function (event) {
let player = dp.videoPage.player
//右
if (event.code === 'ArrowRight') {
rightCount += 1;
if (!playbackRate) {
playbackRate = player.video.playbackRate
}
if (!rightInterval) {
rightInterval = setInterval(function () {
if (rightCount > 100) {
rightCount = 2;
}
if (rightCount > 1 && !logKey) {
dp.doubleSpeed()
logKey = true;
}
}, 100)
}
} else if (event.code === 'ArrowLeft') {
//左
player.seek(player.video.currentTime - 5);
} else if (event.code === 'ArrowUp') {
//上
player.volume(player.volume() + .01);
} else if (event.code === 'ArrowDown') {
//下
player.volume(player.volume() - .01);
} else if (event.code === 'Space') {
//空格
player.toggle();
} else if (event.code === 'Enter') {
//回车
player.fullScreen.toggle();
}
}
document.onkeyup = function (event) {
let player = dp.videoPage.player
if (event.code === 'ArrowRight') {
if (rightCount === 1) {
player.seek(player.video.currentTime + 5);
}
logKey = false;
if (rightInterval) {
window.clearInterval(rightInterval)
}
rightInterval = null;
rightCount = 0;
if (playbackRate) {
player.speed(playbackRate)
player.notice('恢复正常')
playbackRate = null
}
}
}
}
// 长按双倍速
dp.doubleSpeed = function () {
let player = dp.videoPage.player
player.notice('倍速播放 x2')
player.speed(2)
}
//获取上次观看时长
dp.getVideoLookTime = function () {
let id = dp.videoPage.id;
if (id) {
getVideoFile(id,function (response) {
if (response && response.user_meta) {
let player = dp.videoPage.player
let userMeta = JSON.parse(response.user_meta)
player.seek(userMeta.play_cursor);
player.play();
}
})
}
}
// 更新保存的时长
dp.saveVideoLookTime = function (callback) {
if (dp.videoPage.id) {
let videoPage = dp.videoPage;
let player = videoPage.player;
let progress = parseInt((player.video.currentTime / player.video.duration) * 100)
let vId = videoPage.id;
let href = location.href.indexOf('aliyundrive.com/drive') < 0 ? location.href: videoPage.share ? videoPage.compilationId :location.href ;
let share = href.indexOf('aliyundrive.com/drive') < 0 || videoPage.share;
updateVideoTime(function () {
console.log("保存成功")
let videoInfo = {
"category": "video",
"name": videoPage.name,
"progressPercentage": progress,
"fileId": vId,
"fromSourceDescription": videoPage.folderName,
"compilationId": "_" + videoPage.compilationId,
}
if(share){
videoInfo.fromSourceDescription = '来自分享';
videoInfo.compilationId =href;
videoInfo.share = true;
}else{
videoInfo.share = false;
}
let list = getItem("historyVideo");
if (list == null) {
list = []
}
let newList = [videoInfo];
list.forEach(function (item, index) {
if (item.fileId !== vId && newList.length <= 3) {
newList.push(item);
}
})
setItem("historyVideo", newList);
callback && callback()
});
}
}
// 选集
dp.selectEpisode = function () {
let jq = getJquery()
if (jq('.dplayer-icons-right #btn-select-episode').length) return
// if (document.querySelectorAll('.dplayer-menu-item').length < 4) return
let fileList = dp.page.item
, videoList = fileList.filter(function (item, index) {
return item.category === 'video'
})
, fileIndex = videoList.findIndex(function (item, index) {
return item.file_id === dp.videoPage.id
})
if (!(fileIndex > -1 && videoList.length > 1)) return
var elevideo = '
'
videoList.forEach(function (item, index) {
let t;
let created = item.created_at.split("T")[0];
if (fileIndex === index) {
t = getTime(dp.videoPage.video.video_preview_play_info.meta.duration);
elevideo += `
${item.name}
${t}
${created}
`
} else {
let d = item.video_media_metadata.duration;
if (d) {
t = getTime(d);
} else {
t = '时长无法获取'
}
elevideo += `
${item.name}
${t}
${created}
`
}
})
elevideo += '
';
let svg = ''
let disable = '';
let html = '';
if (videoList[0] !== videoList[fileIndex]) {
html += `'
} else {
html += ''
}
html += '
' + elevideo + '
'
if (videoList[videoList.length - 1] !== videoList[fileIndex]) {
html += `'
} else {
html += ''
}
jq('.dplayer-icons-right').prepend(html)
jq('#btn-select-episode').on('click', function () {
var eleEpisode = jq('.playlist-content')
if (eleEpisode.css('transform').match(/\d+/) > 0) {
eleEpisode.css('transform', 'scale(0)')
} else {
eleEpisode.css('transform', 'scale(1)')
jq('.dplayer-mask').addClass('dplayer-mask-show')
jq('.dplayer-icons-right .playlist-content').scrollTop((fileIndex + 1)
* jq('.dplayer-icons-right li')[0].offsetHeight - jq('.dplayer-icons-right .playlist-content').height() / 2)
}
})
jq('.dplayer-mask').on('click', function () {
var eleEpisode = jq('.playlist-content')
if (eleEpisode.css('transform').match(/\d+/) > 0) {
eleEpisode.css('transform', 'scale(0)')
jq(this).removeClass('dplayer-mask-show')
}
})
jq('.playlist-content li').on('click', function () {
var $this = jq(this)
if ($this.attr('data-is-current') === 'true') {
return
}
jq('.dplayer-mask').removeClass('dplayer-mask-show')
let file = videoList[$this.index()]
dp.playByFile(file)
})
jq('.prev-icon').on('click', function () {
var file = videoList[fileIndex - 1]
file ? dp.playByFile(file) : showError('没有上一集了')
})
jq('.next-icon').on('click', function () {
var file = videoList[fileIndex + 1]
file ? dp.playByFile(file) : showError('没有下一集了')
})
}
// 通过视频文件来播放该视频
dp.playByFile = function (file) {
dp.saveVideoLookTime(function(){
let player = dp.videoPage.player
try {
player.pause()
document.removeEventListener('click', player.docClickFun, true)
player.container.removeEventListener('click', player.containerClickFun, true)
player.fullScreen && player.fullScreen.destroy && player.fullScreen.destroy()
player.hotkey && player.hotkey.destroy && player.hotkey.destroy()
player.contextmenu && player.contextmenu.destroy && player.contextmenu.destroy()
player.controller && player.controller.destroy && player.controller.destroy()
player.timer && player.timer.destroy && player.timer.destroy()
} catch (error) {
console.error(error)
}
dp.videoPage.id = file.file_id
dp.videoPage.name = file.name;
//文件名
dp.videoPage.folderName = dp.page.folderName;
// 文件夹Id
dp.videoPage.compilationId = file.parent_file_id;
dp.getVideoPreviewPlayInfo(function (response) {
dp.playInfo({
response: response
});
getJquery()('.header-file-name--CN_fq, .text--2KGvI').text(file.name)
})
});
}
dp.getVideoPreviewPlayInfo = function (callback) {
refresh_token(function (result) {
if (result) {
if (location.href.indexOf('aliyundrive.com/drive') > 0) {
videoPreviewPlayInfo(callback)
} else {
share_token(function (result) {
if (result) {
shareLinkVideoPlayInfo(callback)
} else {
callback && callback('')
}
})
}
} else {
callback && callback('')
}
})
}
dp.playerReady = function (callback) {
let player = dp.videoPage.player
if (player.video.duration > 0 || player.video.readyState > 2) {
player.isReady = true
callback && callback()
} else if (player.isReady) {
callback && callback()
} else {
player.video.ondurationchange = function () {
player.video.ondurationchange = null
player.isReady = true
callback && callback()
}
}
}
// 播放器
dp.playInfo = function (res) {
let list = res.response.video_preview_play_info.live_transcoding_task_list
dp.videoPage.id = res.response.file_id
let info = dp.findByFileId(dp.videoPage.id);
if (info) {
dp.videoPage.name = info.name;
//文件名
dp.videoPage.folderName = dp.page.folderName;
// 文件夹Id
dp.videoPage.compilationId = info.parent_file_id;
}
if (list[0].hasOwnProperty("preview_url")) {
dp.getVideoPreviewPlayInfo(function (response) {
if (response === '') {
showError("播放信息获取失败,请刷新重试", 10000);
return;
}
dp.videoPage.video = response;
initPre()
})
} else {
dp.videoPage.video = res.response;
initPre()
}
}
// 通过id来查找 已加载的文件信息
dp.findByFileId = function (id) {
let fileIndex = dp.page.item.findIndex(function (item, index) {
return item.file_id === id
})
if (!fileIndex) {
return null;
}
return dp.page.item[fileIndex];
}
dp.fileGet = function (res) {
let response = res.response
if(response.category && response.category === 'video'){
dp.videoPage.id = response.file_id
dp.getVideoPreviewPlayInfo(function (response) {
dp.playInfo({
response: response
});
})
}
}
//当文件较多时，需要合并
dp.fileList = function (res) {
let data = res.data
let response = res.response
// 数据量过大，进行数组合并
if (dp.page.id === data.parent_file_id && dp.page.order === data.order_direction && dp.page.order_by === data.order_by) {
dp.page.item = dp.page.item.concat(response.items)
} else {
dp.page.id = data.parent_file_id
dp.page.order = data.order_direction
dp.page.order_by = data.order_by
dp.page.item = response.items
}
let folderName = getJquery()('.breadcrumb-item-link--M-p4b:last').text();
dp.page.folderName = folderName;
showSuccess(`已加载${dp.page.item.length}个文件`)
if (dp.isHome()) {
dp.initMenuButton()
} else {
dp.initShareButton()
}
}
dp.getPlayNode = function (e) {
let fileList = dp.page.item
, parent_file_id = fileList[0].parent_file_id
, videoMemory = getItem('video_memory')
if (videoMemory && videoMemory[parent_file_id]) {
return videoMemory[parent_file_id][e]
}
return ''
}
dp.isHome = function () {
return location.href.indexOf('com/drive') > 0
}
dp.isExpires = function (item) {
let time = Date.parse(item.expire_time) - Date.now()
return time > 0 && time < 1000 * Number(item.expires_in)
}
dp.setExpires = function (item, time) {
item.expire_time = new Date(Date.now() + time).toISOString()
item.expires_in = void 0 === time ? 600 : time
return item
}
dp.showDiv = function (title, _html) {
function format(s, c) {
return s.replace(/{(\w+)}/g, function (m, p) {
return c[p];
});
}
let html = '
{title}
'
html = format(html, {
title: title
})
html += _html;
html += '
'
getJquery()('body').append(html)
getJquery()('.ant-modal-Link .icon-wrapper--3dbbo').one('click', function () {
getJquery()('.ant-modal-Link').remove()
})
getJquery()('.ant-modal-Link .ant-modal-wrap').on('click', function (event) {
if (getJquery()(event.target).closest('.ant-modal-content').length === 0) {
getJquery()('.ant-modal-Link').remove()
}
})
}
dp.showBox = function (fileList) {
if (!fileList) {
fileList = dp.selectedFileList()
if (fileList.length === 0) {
return
}
}
let rowStyle = 'margin:10px 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;'
let html = '
文件下载
'
html += '
共加载了 ' + fileList.length + '个文件
'
html += '
'
fileList.forEach(function (item, index) {
html += '
