Start on Vue 3 changes
This commit is contained in:
parent
dcc4784bfd
commit
c913a40e18
35 changed files with 3570 additions and 1913 deletions
|
|
@ -9,7 +9,7 @@ import utils from "../plugins/utils";
|
|||
* an audio matrix event and a unique component id (for example the ._uid property).
|
||||
*/
|
||||
export default {
|
||||
install(Vue) {
|
||||
install(app) {
|
||||
class SharedAudioPlayer {
|
||||
constructor() {
|
||||
this.player = new Audio();
|
||||
|
|
@ -34,12 +34,12 @@ export default {
|
|||
// Listeners is just a Set of component "uid" entries for now.
|
||||
entry = { url: null, listeners: new Set() };
|
||||
// Make these reactive, so AudioPlayer (and others) can listen to them
|
||||
Vue.set(entry, "loading", false);
|
||||
Vue.set(entry, "loadPercent", 0);
|
||||
Vue.set(entry, "duration", 0);
|
||||
Vue.set(entry, "currentTime", 0);
|
||||
Vue.set(entry, "playPercent", 0);
|
||||
Vue.set(entry, "playing", false);
|
||||
entry["loading"] = false;
|
||||
entry["loadPercent"] = 0;
|
||||
entry["duration"] = 0;
|
||||
entry["currentTime"] = 0;
|
||||
entry["playPercent"] = 0;
|
||||
entry["playing"] = false;
|
||||
this.infoMap.set(eventId, entry);
|
||||
|
||||
// Get duration information
|
||||
|
|
@ -263,6 +263,8 @@ export default {
|
|||
}
|
||||
}
|
||||
|
||||
Vue.prototype.$audioPlayer = new SharedAudioPlayer();
|
||||
const audioPlayer = new SharedAudioPlayer();
|
||||
app.$audioPlayer = audioPlayer;
|
||||
app.config.globalProperties.$audioPlayer = audioPlayer;
|
||||
},
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue