|
@@ -40,7 +40,7 @@ export default defineComponent({
|
|
|
setup(props, { emit, expose }) {
|
|
|
const audioForms = reactive({
|
|
|
paused: true,
|
|
|
- speedInKbps: '0 KB/s',
|
|
|
+ speedInKbps: '',
|
|
|
currentTimeNum: 0,
|
|
|
currentTime: '00:00',
|
|
|
durationNum: 0,
|
|
@@ -204,12 +204,16 @@ export default defineComponent({
|
|
|
const bytesDiff = currentBytesLoaded - previousBytesLoaded; // 字节差值
|
|
|
const speed = bytesDiff / timeDiff; // 字节每秒
|
|
|
|
|
|
- const kbps = speed / 1024;
|
|
|
- const speedInKbps = kbps.toFixed(2); // 转换为千字节每秒并保留两位小数
|
|
|
- if (kbps > 1024) {
|
|
|
- audioForms.speedInKbps = `${Number((kbps / 1024).toFixed(2))} M/s`;
|
|
|
- } else {
|
|
|
- audioForms.speedInKbps = `${Number(speedInKbps)} KB/s`;
|
|
|
+ if (!element.paused) {
|
|
|
+ const kbps = speed / 1024;
|
|
|
+ const speedInKbps = kbps.toFixed(2); // 转换为千字节每秒并保留两位小数
|
|
|
+ if (kbps > 1024) {
|
|
|
+ audioForms.speedInKbps = `${Number(
|
|
|
+ (kbps / 1024).toFixed(2)
|
|
|
+ )} M/s`;
|
|
|
+ } else {
|
|
|
+ audioForms.speedInKbps = `${Number(speedInKbps)} KB/s`;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
previousBytesLoaded = currentBytesLoaded;
|
|
@@ -229,6 +233,15 @@ export default defineComponent({
|
|
|
|
|
|
buffterCatch();
|
|
|
});
|
|
|
+
|
|
|
+ element.addEventListener('pause', () => {
|
|
|
+ clearTimeout(timer);
|
|
|
+ // 如果有缓存检测计时器,则清除它
|
|
|
+ if (bufferTimeout) {
|
|
|
+ clearTimeout(bufferTimeout);
|
|
|
+ }
|
|
|
+ audioForms.speedInKbps = '';
|
|
|
+ });
|
|
|
};
|
|
|
|
|
|
onMounted(() => {
|