瀏覽代碼

测试播放功能1

zhangyujun 3 年之前
父節點
當前提交
337549ab5d
共有 1 個文件被更改,包括 14 次插入5 次删除
  1. 14 5
      src/hooks/light/audio.ts

+ 14 - 5
src/hooks/light/audio.ts

@@ -6,7 +6,8 @@ import { ref, watch, ComputedRef } from "vue";
 import { useStore } from "vuex";
 export function useAudio() {
     const store = useStore()
-    let sound: Howl =store.state.lightAudio
+    const token = "Bearer " + store.getters.getToken;
+    let sound: Howl = store.state.lightAudio
     let pauseAudio = () => {
         sound && sound.pause();
     }
@@ -17,13 +18,21 @@ export function useAudio() {
     let playAudio = (url: string) => {
         stopAudio()
         sound = new Howl({
-            src: url
+            src: url,
+            html5: true,
+            xhr: {
+                method: 'GET',
+                headers: {
+                    Authorization: 'Bearer:' + token,
+                },
+                withCredentials: true,
+            }
         });
         return new Promise((resolve, reject) => {
             sound.once("load", function () {
                 let id = sound.play();
                 if (id) {
-                    alert(id)
+
                     resolve(id)
                 }
                 else {
@@ -49,8 +58,8 @@ export function useAudio() {
         });
 
     }
-    let durationAudio = (id?:number)=>{
-      return  sound&&sound.duration(id)
+    let durationAudio = (id?: number) => {
+        return sound && sound.duration(id)
 
     }