@tencentcloud/roomkit-web-vue3
Version:
<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,
31 lines (30 loc) • 1.24 kB
JavaScript
import { defineComponent, ref, createBlock, createCommentVNode, openBlock, unref } from "vue";
import StreamRegion from "../common/StreamRegion/StreamRegionPC.vue.mjs";
import { isPC } from "../../../utils/environment.mjs";
import { StreamPlayQuality } from "../../../services/manager/mediaManager.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "index",
props: {
streamInfo: {},
fillMode: {},
supportTouchScale: { type: Boolean }
},
emits: ["stream-view-dblclick"],
setup(__props) {
const aspectRatio = ref(isPC ? "16:9" : "auto");
return (_ctx, _cache) => {
return _ctx.streamInfo ? (openBlock(), createBlock(unref(StreamRegion), {
key: 0,
"stream-info": _ctx.streamInfo,
"fill-mode": _ctx.fillMode,
"support-touch-scale": _ctx.supportTouchScale,
"stream-play-quality": unref(StreamPlayQuality).HIGH,
"aspect-ratio": aspectRatio.value,
onStreamViewDblclick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("stream-view-dblclick"))
}, null, 8, ["stream-info", "fill-mode", "support-touch-scale", "stream-play-quality", "aspect-ratio"])) : createCommentVNode("", true);
};
}
});
export {
_sfc_main as default
};