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