浏览器硬件检测原生js检测是否支持视屏音频能力

abilitytest.js 文件
在webrtc 项目中需要判断浏览器是否支持调用视屏音频功能

import {message
} from 'antd';// 这种方式在各个浏览器都可以（不过在Safari和Firefox浏览器获取的设备信息和在Chrome获取的信息还是不一样的）
export const abilitytest = async () => {let isSupport = trueif (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {console.log('不支持获取设备信息！');message.warning('当前浏览器不支持获取设备信息！请及时更换浏览器～');} else {message.info('系统正在获取你的设备信息～');// 首先获取到流，获取流成功后再获取设备信息await navigator.mediaDevices.getUserMedia({ video: true, audio: true }).then(gotMediaStream).then(gotDevices).catch(handleError);}// 采集音视频数据成功时调用的方法，获取设备信息function gotMediaStream(stream: any) {// 为了及时关闭摄像头stream.getTracks().forEach(function (track: { stop: () => void; }) {track.stop();});return navigator.mediaDevices.enumerateDevices();}// 浏览器获取音视频设备成功时调用的方法function gotDevices(deviceInfos: any[]) {deviceInfos.forEach(function (deviceInfo: { kind: string; label: string; deviceId: string; groupId: string; }) {console.log('设备种类=' + deviceInfo.kind + '：设备名 = ' + deviceInfo.label + '；设备id = ' + deviceInfo.deviceId + '；groupId=' + deviceInfo.groupId);})}// 浏览器获取音视频设备失败时调用的方法function handleError(err: { name: string; message: string; }) {console.log(err.name + ':' + err.message);isSupport = false}return isSupport
}

浏览器硬件检测原生js检测是否支持视屏音频能力相关推荐

手机支持视屏格式一览
手机支持视屏格式一览: MPEG格式: 英文全称为Moving Picture Expert Group,即运动图像专家组格式,家里常看的VCD.SVCD.DVD就是这种格式.MPEG文件格式是运动图 ...
js正则检测输入内容为数字,包括负数,整数,浮点数,亲测可用.JS检测整数,js检测浮点数,js检测负数,js检测数字,js限制输入框只输入数字,解决H5 number类型只能输入正数问题.
JS 正则实现数字检测和限制输入,包括整数.浮点数.负数(亲测可用) 网上搜了一下,居然可以直接拿来用的很少,要么就是只能检测正整数.要么是只能检测浮点数,总之很多都不适合,而H5提供的type=&q ...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器原文:[完美]原生JS获取浏览器版本判 ...
原生js颜色选择器取色器组件
文件结构展示文件结构目录 color-index.js config.js color - picker-index.js 上传太多代码不是很好看,,我上传的都不收费, 完整代码包点击下载如不能下载 ...
使用modernizr.js检测浏览器对html5以及css3的支持情况
使用modernizr.js检测浏览器对html5和css3的支持情况详情请看主页:modernizr主页 1. modernizr 是什么? modernize 是一个js库----一个用于检测当 ...
modernizr 支持html5,使用modernizr.js检测浏览器对html5以及css3的支持情况
使用modernizr.js检测浏览器对html5和css3的支持情况 1.modernizr 是什么? modernize 是一个js库----一个用于检测当前浏览器对html5&css3 ...
[转]浅谈浏览器插件检测和自定义协议的支持
前一阵子一直在折腾浏览器的插件检测和自定义协议的支持. 经过种种痛苦的折腾,算是对这一领域有了点浅显的认知.特此记录一下一.背景知识自定义协议:常用的协议有 http:// https:// f ...
《JavaScript高级程序设计》阅读笔记（十六）：javascript检测浏览器和操作系统-detect.js...
检测浏览器的方式 1.对象特征检测法:判断浏览器能力的通用方法.如果更关注浏览器的能力而不在乎它的实际身份,就可以使用这种检测方法.常见的原生Ajax写法中就用这种方法来创建XMLHttpReques ...
js检测浏览器类型以及版本信息
js检测浏览器类型以及版本信息 DetectBrowser () {const userAgent = window.navigator.userAgentconst isChrome = userA ...

浏览器硬件检测原生js检测是否支持视屏音频能力

浏览器硬件检测原生js检测是否支持视屏音频能力相关推荐

最新文章

热门文章

浏览器硬件检测原生js检测是否支持 视屏 音频能力

浏览器硬件检测原生js检测是否支持 视屏 音频能力相关推荐

最新文章

热门文章

浏览器硬件检测原生js检测是否支持视屏音频能力

浏览器硬件检测原生js检测是否支持视屏音频能力相关推荐