您现在的位置是:首页 > Javascript
当前栏目
网站在线客服系统实时语音视频聊天实战开发,最兼容的getUserMedia获取音视频流的函数方法
2023-03-07 09:09:20 时间
getUserMedia()
是一个 JavaScript API,允许你访问用户的音频和视频设备(如摄像头和麦克风)。在不同的浏览器中,它的实现略有不同,但是你可以使用以下代码来实现一个最兼容的版本:
//兼容的getUserMedia
function getCompatibleUserMedia(constraints, successCallback, errorCallback) {
var media = (navigator.getUserMedia || navigator.webkitGetUserMedia ||navigator.mozGetUserMedia ||navigator.msGetUserMedia);
if (media) {
media.call(navigator, constraints, successCallback, errorCallback);
return true;
} else {
console.error("Your browser does not support the getUserMedia API.");
return false;
}
}
这个函数接受三个参数:
constraints
:需要请求的媒体设备约束(例如音频和视频)。successCallback
:当请求成功时的回调函数。errorCallback
:当请求失败时的回调函数。
如果浏览器支持 getUserMedia
,则使用 call()
方法调用它,并将 navigator
对象、约束、成功回调和错误回调作为参数传递。如果不支持,则在控制台中输出一条错误消息。
现在,你可以使用这个函数来请求媒体设备:
var _this=this;
let res=tools.getCompatibleUserMedia({video:true, audio: {
noiseSuppression: true,
echoCancellation: true,
}},function(stream) {
},function(err) {
_this.$message({
type: 'error',
message: err
});
});
if(!res){
_this.$message({
type: 'error',
message: "Your browser does not support the getUserMedia API."
});
}
相关文章
- OpenSource | Amazon 加入 W3C
- java/Spring/IOC
- python_xml模块处理
- Python HTML操作(HTMLParser)
- java gui组件_JAVA GUI界面组件学习
- http rest JAVA_JAVA发HTTP请求 - RestTemplate 案例
- python unittest生成html报告_python+unittest框架生成HTML测试报告
- 快速构建一个用本地网络发送和接收消息的APP
- 2021年,排名前 15 的 Vue 后台管理模板
- Spring Boot一键换肤,so easy!
- 美国或将所有设计14nm以下中国芯片公司纳入出口管制?
- React的并发模式该如何使用?
- 如何在React中处理组件交互?
- 请查收 2020 全球 JS 现状调查报告
- Levels.fyi发布2020年度程序员收入报告
- 想要复制图像?Clipboard API 了解一下
- 2020全球CSS报告新鲜出炉,前端从业者平均年薪35w
- 10个对Web开发人员有用的HTML文件上传技巧
- AWS Firewall Manager – 您的 Web 应用程序资产的集中管理解决方案
- 为最终在 Twitch 上推出 AWS Quest 做准备