veplayer-mp-wechat
Advanced tools
Comparing version 1.2.2-alpha.16 to 1.2.2-alpha.17
@@ -392,2 +392,3 @@ "use strict"; | ||
ended: false, | ||
error: null, | ||
}; | ||
@@ -394,0 +395,0 @@ if (!firstPlay) { |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
/* eslint-disable @typescript-eslint/naming-convention */ | ||
const videoEventsBehavior_1 = require("../../behaviors/videoEventsBehavior"); | ||
@@ -12,15 +13,15 @@ const index_1 = require("../../tool/index"); | ||
type: String, | ||
value: 'progress' | ||
value: 'progress', | ||
}, | ||
blockSize: { | ||
type: Number, | ||
value: 12 | ||
value: 12, | ||
}, | ||
blockColor: { | ||
type: String, | ||
value: '#ffffff' | ||
value: '#ffffff', | ||
}, | ||
strokeWidth: { | ||
type: Number, | ||
value: 2 | ||
value: 2, | ||
}, | ||
@@ -33,12 +34,12 @@ borderRadius: { | ||
type: String, | ||
value: 'rgba(255, 255, 255, 0.2)' | ||
value: 'rgba(255, 255, 255, 0.2)', | ||
}, | ||
cacheColor: { | ||
type: String, | ||
value: 'rgba(255, 255, 255, 0.38)' | ||
value: 'rgba(255, 255, 255, 0.38)', | ||
}, | ||
playedColor: { | ||
type: String, | ||
value: '#FFFFFF' | ||
} | ||
value: '#FFFFFF', | ||
}, | ||
}, | ||
@@ -56,9 +57,9 @@ data: { | ||
currentTimeText: '00:00', | ||
blockStyle: 'left: 0' | ||
blockStyle: 'left: 0', | ||
}, | ||
lifetimes: { | ||
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名 | ||
created: function () { }, | ||
attached: function () { }, | ||
ready: function () { | ||
// created: function() {}, | ||
// attached: function () { }, | ||
ready() { | ||
this.dragStartTime = -1; | ||
@@ -68,4 +69,4 @@ // console.log('!!!![progress]>>>ready', this.properties.videoId) | ||
}, | ||
moved: function () { }, | ||
detached: function () { | ||
// moved: function () { }, | ||
detached() { | ||
// console.log('[progress]>>>detached') | ||
@@ -76,12 +77,12 @@ this.removeMediaEvents(index_1.default); | ||
pageLifetimes: { | ||
// 组件所在页面的生命周期函数 | ||
show: function () { }, | ||
hide: function () { }, | ||
resize: function () { }, | ||
// 组件所在页面的生命周期函数 | ||
// show: function () { }, | ||
// hide: function () { }, | ||
// resize: function () { }, | ||
}, | ||
methods: { | ||
onClick: function (e) { | ||
onClick() { | ||
// 空方法,用于阻止进度条的点击事件冒泡 | ||
}, | ||
_onTimeupdate: function (data) { | ||
_onTimeupdate(data) { | ||
const { currentTime, duration, playPercent } = data.data; | ||
@@ -92,4 +93,4 @@ if (!this.data.isActive && !this.data.isSeeking) { | ||
blockStyle: `left:${playPercent}%;`, | ||
currentTime: currentTime, | ||
currentTimeText: (0, index_2.format)(currentTime) | ||
currentTime, | ||
currentTimeText: (0, index_2.format)(currentTime), | ||
}); | ||
@@ -100,14 +101,14 @@ } | ||
duration, | ||
durationText: (0, index_2.format)(duration) | ||
durationText: (0, index_2.format)(duration), | ||
}); | ||
} | ||
}, | ||
_onProgress: function (data) { | ||
const { buffered, bufferedTime } = data.data; | ||
_onProgress(data) { | ||
const { buffered } = data.data; | ||
// console.log('[progress]>_onProgress', buffered, bufferedTime) | ||
this.setData({ | ||
buffered: buffered | ||
buffered, | ||
}); | ||
}, | ||
_onLoadedmetadata: function (data) { | ||
_onLoadedmetadata(data) { | ||
const { duration } = data.data; | ||
@@ -117,19 +118,19 @@ // console.log('[progress]>_onLoadedmetadata', duration, format(duration)) | ||
duration, | ||
durationText: (0, index_2.format)(duration) | ||
durationText: (0, index_2.format)(duration), | ||
}); | ||
}, | ||
_onSeekcomplete: function (e) { | ||
//// console.log('[progress]_onSeekComplete') | ||
_onSeekcomplete() { | ||
// console.log('[progress]_onSeekComplete') | ||
this.setData({ | ||
isSeeking: false | ||
isSeeking: false, | ||
}); | ||
}, | ||
onProgressChange: function (e) { | ||
onProgressChange(e) { | ||
const { value } = e.detail; | ||
const { duration } = this.data; | ||
this.setData({ | ||
isActive: false, | ||
}); | ||
if (!duration) { | ||
this.dragStartTime = -1; | ||
this.setData({ | ||
isActive: false | ||
}); | ||
return; | ||
@@ -142,11 +143,10 @@ } | ||
actionType: 'seekend', | ||
componentName: "progress", | ||
componentName: 'progress', | ||
props: 'currentTime', | ||
from: this.dragStartTime, | ||
to: seekTime | ||
to: seekTime, | ||
}); | ||
// console.log('>>>onChange', e.detail, value, this.data.duration, seekTime) | ||
this.setData({ | ||
isActive: false, | ||
isSeeking: true | ||
isSeeking: true, | ||
}); | ||
@@ -156,3 +156,3 @@ this.dragStartTime = -1; | ||
}, | ||
onProgressChanging: function (e) { | ||
onProgressChanging(e) { | ||
const { value } = e.detail; | ||
@@ -169,5 +169,5 @@ const { duration } = this.data; | ||
actionType: 'seekstart', | ||
componentName: "progress", | ||
componentName: 'progress', | ||
props: 'currentTime', | ||
from: cTime | ||
from: cTime, | ||
}); | ||
@@ -177,6 +177,11 @@ } | ||
isActive: true, | ||
currentTimeText: (0, index_2.format)(cTime) | ||
currentTimeText: (0, index_2.format)(cTime), | ||
}); | ||
} | ||
} | ||
}, | ||
onTouchEnd() { | ||
this.setData({ | ||
isActive: false, | ||
}); | ||
}, | ||
}, | ||
}); |
{ | ||
"name": "veplayer-mp-wechat", | ||
"version": "1.2.2-alpha.16", | ||
"version": "1.2.2-alpha.17", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "miniprogram": "dist", |
Sorry, the diff of this file is not supported yet
147755
2495