Browse Source

Update index.tsx

lex 1 year ago
parent
commit
74a92d190f
1 changed files with 6 additions and 10 deletions
  1. 6 10
      src/views/courseware-play/component/audio-item/index.tsx

+ 6 - 10
src/views/courseware-play/component/audio-item/index.tsx

@@ -61,10 +61,10 @@ export default defineComponent({
         if (val) {
           data.vudio = null;
           console.log(audioRef.value, 'audioRef.value');
-          // onToggleAudio();
-          audioRef.value?.addEventListener('loaded', () => {
-            console.log('111');
-          });
+          onToggleAudio();
+          // audioRef.value?.addEventListener('load', () => {
+          //   console.log('111');
+          // });
         } else {
           audioRef.value.pause();
           data.playState = 'pause';
@@ -83,13 +83,10 @@ export default defineComponent({
 
     // 切换音频播放
     const onToggleAudio = () => {
-      console.log(audioRef.value.paused, 'audioRef.value.paused');
       if (audioRef.value.paused) {
-        onInit(audioRef.value, canvasRef.value);
-        audioRef.value.play().catch(e => {
-          console.log(e, '1111');
-        });
+        audioRef.value.play();
         data.playState = 'play';
+        onInit(audioRef.value, canvasRef.value);
       } else {
         audioRef.value.pause();
         data.playState = 'pause';
@@ -97,7 +94,6 @@ export default defineComponent({
     };
 
     const onInit = (audio: undefined, canvas: undefined) => {
-      console.log(audio, canvas, data.vudio, 'Audio');
       if (!data.vudio) {
         try {
           const rect = contetRef.value.getBoundingClientRect() || {