提交 d4c248b2 作者: 温凯

feat(事件总线): 添加事件总线实现组件间通信

添加ligature.js作为Vue事件总线实现,并在主应用中挂载到window.$Bus
移除调试用的console.log,优化qingliu组件的调试信息处理
在播放器组件中添加对raw_msg事件的监听
上级 26338bcf
import Vue from "vue";
const Bus = new Vue();
export default Bus;
......@@ -7,7 +7,8 @@ import "element-ui/lib/theme-chalk/index.css";
import '../../dist/style/index.css'; */
import MMCSTL from "../../index";
import "./styles/reset.css";
import Bus from "@/assets/ligature.js";
window.$Bus = Bus;
Vue.config.productionTip = false;
Vue.use(Vuex);
......@@ -22,7 +23,7 @@ function render(props = {}) {
instance = new Vue({
render: (h) => h(App),
store: new Vuex.Store({}),
}).$mount(container ? container.querySelector('#app') : '#app');
}).$mount(container ? container.querySelector("#app") : "#app");
}
// 独立运行时
......@@ -31,15 +32,15 @@ if (!window.__POWERED_BY_QIANKUN__) {
}
export async function bootstrap() {
console.log('[vue] vue app bootstraped');
console.log("[vue] vue app bootstraped");
}
export async function mount(props) {
console.log('[vue] props from main framework', props);
console.log("[vue] props from main framework", props);
render(props);
}
export async function unmount() {
instance.$destroy();
instance.$el.innerHTML = '';
instance.$el.innerHTML = "";
instance = null;
router = null;
}
\ No newline at end of file
}
......@@ -26,7 +26,6 @@ export default {
window.addEventListener("message", this.onDebugInfo);
},
mounted() {
console.log(this.raw_msg, "raw_msg");
window.onresize = (e) => {
const clientheight =
document.documentElement.clientHeight || document.body.clientHeight;
......@@ -72,6 +71,7 @@ export default {
canvas && canvas.requestFullscreen();
},
onDebugInfo(e) {
console.log(e, "onDebugInfo");
switch (e.type) {
case "qoeinfo":
case "raw_msg":
......
......@@ -41,8 +41,8 @@
/>
<!-- @entryCross="entryCross" -->
<div class="info" v-if="showInfo && streamSelect == 'QINGLIU'">
111
<div class="de">
111
<div class="title">bitrate:</div>
<div class="detail">{{ raw_msg ? raw_msg / 1000 : "0" }}kbps</div>
</div>
......@@ -579,6 +579,12 @@ export default {
}]
*/
streamOptions() {
try {
window.$Bus.$on("raw_msg", (e) => {
this.raw_msg = e.data;
});
console.log(this.raw_msg, " this.raw_msg");
} catch (error) {}
let streamOptions = [];
let streamConfiguration = this.uav?.streamConfiguration.find(
(item) => item.urlType === 0
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论