0.0.4 • Published 7 months ago
@yotoodev/lib v0.0.4
前端通用类库,包含各种 sdk
和 hook
sdk
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:不需要院系专业