Example Usage

<template>
  <div id="player" class="player"></div>
</template>
<script>
import cloud from "zhyz-cloudrender-v5-enhance/cloudRender.umd";
import { onMounted } from "vue";


export default {
  name: "SmartYunZhouRTC",
  setup() {
    let protooPort = "xxxx"; //云渲染端口
    let myhostname = "xxx.xxx.x.xx"; //媒体服务器ip
    let appliId = "xx"; //流id
    let paasUrl = "http://xxx.xxx.x.xx:xxxx"; //ip
    let username = "xxx"; //账号
    let password = "xxxx"; //密码
    let remoteIp = "xxx.xxx.x.xx"; //鼠标键盘服务的ip
    let wsPort = "xxxxx"; // 鼠标键盘服务port
	let isClient = false; //是否客户端渲染
	let renderWidth = 1920; //渲染分辨率宽度
    let renderHeight = 1040; //渲染分辨率高度
    // 初始化云渲染实例
    let Dandelion = new cloud(
      paasUrl,
      username,
      password,
      appliId,
	  renderWidth,
      renderHeight
    );
    onMounted(() => {
      Dandelion.RtAPI(
        "joinRoom",
        {
          element: document.getElementById('player'),// video 标签
          myhostname,
          protooPort,
          remoteIp,
          wsPort,
		  isClient
        }
      );
      /**
      *   api调用示例
      */
      Dandelion.RtAPI(
        "getPoiList",
        {
          view: false, //true获取视图内，false获取视图外
        },
        (res) => {
          // res 为接口返回数据
        }
      );
    });
    return {};
  },
};
</script>
<style>
.player {
  width: 100vw;
  height: 100vh;
}
</style>