前端技术共10篇
前端技术分享
WebRtc之HTML推流控制码率范围-祥拓软件

WebRtc之HTML推流控制码率范围

首先获取摄像头的流,请在 localhost 或者 https 环境下获取navigator.mediaDevices.getUserMedia({video: true, audio: true}).then(stream => { })创建RTCPeerConnection,并将获取到的流...
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件26天前
0210
Electron loadFile加载路由-祥拓软件

Electron loadFile加载路由

开发模式:window.loadURL(process.env['ELECTRON_RENDERER_URL'] + '/#/xxxx')打包后:window.loadFile(join(__dirname, '../renderer/index.html'), { hash: 'xxx' }) 
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件4个月前
0610
AJ-Captcha vue2/3前端通用代码-祥拓软件

AJ-Captcha vue2/3前端通用代码

AJ-Captcha gitee地址:https://gitee.com/anji-plus/captcha下载附件里的代码,解压放置对应的项目组件目录下修改 api/index.js 里的 request 函数为项目本身的axios,及对应的后端地址如果没...
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
0710
Vite 单JS文件批量打包-祥拓软件

Vite 单JS文件批量打包

文件目录如下:lib下的目录是要打包成单个js的源文件更改package.json{ 'name': 'xt-plugin-auth', 'version': '1.0.0', 'main': 'index.js', 'license': 'MIT', 'type': 'module', 'scripts': ...
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
0630
JS 切换video的音频播放设备-祥拓软件

JS 切换video的音频播放设备

获取video标签获取扩音器设备切换输出设备// element video标签的dom // sinkId 扩音器设备ID function attachSinkId(element, sinkId) { if (typeof element.sinkId !== 'undefined') { elemen...
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
0300
JS获取video黑框及设置最大分辨率-祥拓软件

JS获取video黑框及设置最大分辨率

以下是源代码navigator.mediaDevices.getUserMedia({video: true,audio:false}).then(stream => { var videoTrack = stream.getVideoTracks()[0]; var capabilities = videoTrack.getCapabil...
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
0840
Electron Http打开摄像头-祥拓软件

Electron Http打开摄像头

代码如下:protocol.registerSchemesAsPrivileged([ { scheme: 'http', privileges: { bypassCSP: true, secure: true, supportFetchAPI: true, corsEnabled: true } } ]);
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
02480
VUE文本对比-祥拓软件

VUE文本对比

代码如下:
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
0590
身份证号码校验-祥拓软件

身份证号码校验

JS代码如下function validateIDNumber(idNumber) { // 判断身份证号码长度是否为18位 if (idNumber.length !== 18) { return false; } // 加权因子 var weightFactor = [7, 9, 10, 5, 8, 4, 2, ...
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
0580
Vue - H函数中值的双向绑定-祥拓软件

Vue – H函数中值的双向绑定

下方代码中的Input为第三方组件库的组件,需要先引入h(Input, { placeholder: '请输入新的名称', 'onUpdate:modelValue': (value) => { // 此处的value就是最新的值了 } }, [])
祥拓软件的头像-祥拓软件赞助钻石会员祥拓软件7个月前
02011