0.0.4 • Published 7 months ago

@yotoodev/lib v0.0.4

Weekly downloads
-
License
-
Repository
-
Last release
7 months ago

前端通用类库,包含各种 sdkhook

sdk

  1. zlm 结合 zlm 流媒体服务器,支持在前端进行推拉流
import { EndPoint } from "@yotoodev/lib";

// 拉流
useEffect(() => {
  const video = document.querySelector("#video");
  if (video == null) return;

  const player = new EndPoint({
    element: video, // video
    zlmsdpUrl:
      "http://192.168.31.162:8000/index/api/webrtc?app=camera&stream=1022&type=play",
    recvOnly: true,
  });

  return () => {
    player.close();
  };
}, []);

// 推流
useEffect(() => {
  const player = new EndPoint({
    zlmsdpUrl:
      "http://192.168.31.162:8000/index/api/webrtc?app=pc&stream=1033&type=push",
    useCamera: true,
    resolution: {
      w: 1920,
      h: 1080,
    },
  });

  return () => {
    player.close();
  };
}, []);

hook

  // useResize缩放hook使用
  // width:dom自身宽度
  // height:dom自身高度
  useResize( window/父级dom元素,width,height,(scale: number) => {
    if(dom == null){ //需要缩放的dom自身
      return 
    }
    //缩放后的dom元素样式覆盖
    dom.style.transform = ` scale(${scale})`
    dom.style.transformOrigin='left top'
  },[dom])
  //缩放后边缘可能产生空白,消除空白部分需要对直接父元素设置overflow:hidden,并且父元素必须要有宽高
 // useSchoolType() 返回true:需要院系专业,false:不需要院系专业
0.0.4

7 months ago

0.0.3

7 months ago

0.0.2

8 months ago

0.0.1

8 months ago