|
|
@@ -90,7 +90,7 @@ export default create({
|
|
|
}
|
|
|
},
|
|
|
components: {},
|
|
|
- emits: ['click', 'play', 'pause', 'playend'],
|
|
|
+ emits: ['click', 'play', 'pause', 'playend', 'time'],
|
|
|
|
|
|
setup(props, { emit }) {
|
|
|
const state = reactive({
|
|
|
@@ -187,10 +187,7 @@ export default create({
|
|
|
});
|
|
|
(state.videoElm as any).addEventListener('ended', playEnded);
|
|
|
|
|
|
- // (state.videoElm as any).addEventListener(
|
|
|
- // 'timeupdate',
|
|
|
- // throttle(getPlayTime, 100, 1)
|
|
|
- // );
|
|
|
+ (state.videoElm as any).addEventListener('timeupdate', throttle(getPlayTime, 1000, 1));
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -223,10 +220,7 @@ export default create({
|
|
|
getLoadTime();
|
|
|
});
|
|
|
// 监听播放进度
|
|
|
- // (state.videoElm as any).addEventListener(
|
|
|
- // 'timeupdate',
|
|
|
- // throttle(getPlayTime, 100, 1)
|
|
|
- // );
|
|
|
+ (state.videoElm as any).addEventListener('timeupdate', throttle(getPlayTime, 1000, 1));
|
|
|
// 监听结束
|
|
|
(state.videoElm as any).addEventListener('ended', playEnded);
|
|
|
emit('play', state.videoElm);
|
|
|
@@ -276,6 +270,7 @@ export default create({
|
|
|
// 赋值时长
|
|
|
state.videoSet.totalTime = timeFormat((state.videoElm as any).duration);
|
|
|
state.videoSet.displayTime = timeFormat((state.videoElm as any).currentTime);
|
|
|
+ emit('time', state.videoSet.displayTime, state.videoSet.totalTime);
|
|
|
};
|
|
|
|
|
|
const playEnded = () => {
|