cione-comp-lib/lib/packages/co-rtc/index2.js

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("./component/fail_view.js"),o=require("./component/video_view.js"),n=require("./lib.rtc.js");require("./index3.js");var r=require("../../_virtual/plugin-vue_export-helper.js");const c=e.defineComponent({name:"CoRtc",props:{host:{type:String,default:"signalserver.cionetech.com"},port:{type:Number,default:0},size:{type:Number,default:100},font:{type:Object,default:{fontSize:20}}},emits:[],components:{FailView:t.default,VideoView:o.default},setup(t){const o=e.reactive({support:!1,connectd:!1,userId:0}),r=e.ref(),c=e.ref(),u=e.computed((()=>`${t.size}px`));function i(e){const t=e.track;c.value.addTrack(t)}function s(){const e=r.value;o.userId=e.userId}function a(){o.connectd=!0}function l(){o.connectd=!1,function(){const e=c.value,t=e?e.getTracks():[];for(let o=0;o<t.length;o++){t[o].stop()}}(),c.value=new MediaStream}return e.onMounted((function(){let e;o.support=n.default.checkSupport(),o.support&&(e=new n.default(t.host,t.port),r.value=e,c.value=new MediaStream,e.on("track",i),e.on("connection",s),e.on("connected",a),e.on("disconnected",l))})),{state:o,stream:c,size:u,font:t.font}}}),u={class:"co-rtc-container"};var i=r.default(c,[["render",function(t,o,n,r,c,i){const s=e.resolveComponent("video-view"),a=e.resolveComponent("fail-view");return e.openBlock(),e.createElementBlock("div",u,[t.state.support?(e.openBlock(),e.createBlock(s,{key:0,"user-id":t.state.userId,connectd:t.state.connectd,"media-stream":t.stream,size:t.size,fontStyle:t.font},null,8,["user-id","connectd","media-stream","size","fontStyle"])):(e.openBlock(),e.createBlock(a,{key:1}))])}]]);exports.default=i;