咯哦哦哦-优快云博客

A,B,C三人群聊，首先各自都要创建一个不包含本身的peers例如A：peers=[{name:“b”,peer:null,id:***},{name:“c”,peer:null,id:***}],B：peers=[{name:“a”,peer:null,id:***},{name:“c”,peer:null,id:***}],当建立连接时就是A的b对象和B的a对象之间发送offer，ice并建立连接，每个连接都是在一个单独的对象进行操作的根据群聊人数向peers添加房间内会存在的所有用户 that.p

2021-05-18 17:18:41 460 1

原创 nodejs+ffmpeg视频转码

nodejs+ffmpeg视频转码const context = require("../core/node_core_ctx");const {spawn,exec} =require("child_process")const videoTypr = [".avi",".rmvb",".rm",".asf",".divx",".mpg",".mpeg",".mpe",".wmv",".mkv",".vob",".flv",".mov",".qsv",".qlv",".kux"]functio

2021-02-26 16:50:07 1683

原创 Vue使用防抖节流

Vue使用防抖节流函数节流: 指定时间间隔内只会执行一次任务；函数防抖: 任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。// An highlighted blockdata(){return( timeout:null)},methods:{//防抖只执行一次debounce(func, wait) { if(this.timeout){ clearTimeout(this.timeout); } this.timeout=nul

2020-10-26 16:56:01 309

原创 Vue three.js基础四大组件实现三维效果（三）贴图/镜头移动/地板

Vue three.js基础四大组件实现三维效果（二）贴图//未贴图 let material = new THREE.MeshPhongMaterial({color："#f60"})//贴图 const loader = new THREE.TextureLoader()//贴图 let material = new THREE.MeshPhongMaterial({ map: loader.load('https://threejsfundamentals.org/threejs/resou

2020-09-04 15:12:48 1311

原创 Vue three.js基础四大组件实现三维效果（二）多个几何体

Vue three.js基础四大组件实现三维效果（二）多个几何体<template> <div id="three" style="height: 800px;width: 800px;"></div></template><script>import * as THREE from 'three'export default { name: 'HelloWorld', data () { return {

2020-09-02 16:42:46 497

原创 Vue three.js基础四大组件实现三维效果（一）

Vue three.js基础实现三维效果导入three.js的包cnpm install three --save// An highlighted block<template> <div id="three" style="height: 500px;width: 500px;"></div></template><script>import * as THREE from 'three'export default {

2020-09-02 09:46:14 993

原创 Vue 内置component标签实现动态切换组件

Vue 内置component标签实现动态切换组件// An highlighted block components: { Histogram: () => import('@/components/service/chart/Histogram'),//柱状图, FanChart: () => import('@/components/service/chart/FanChart'),//扇形图,, LineChart: () => impor

2020-08-25 16:57:38 967

原创 Vue $refs控制台能输出却不能进行操作显示undefined

vue $refs 能在控制台输出却拿不到值// An highlighted blocconsole.log(this.$refs.childen)console.log(this.$refs.childen.test)// A code block{childen}undefined遇到这种可以使用watch，在watch中监听一个值的变化// An highlighted blockdata(){ return{ transition:"" }}watch(){

2020-08-25 16:35:27 917

weixin_44903473的博客

原创 VUE3父子通信

原创 WebRTC实现视频通话