实时猫浏览器检测工具 | RTC Detect

关于

实时猫采用了一系列的先进技术, 使用户打开浏览器即拥有丰富的实时交流功能. 然而有一些老旧的浏览器并不能支持实时猫的功能.

实时猫浏览器检测工具让开发者可以检测用户的浏览器是否支持实时猫提供的各项功能.

安装

如果使用Bower作为包管理器，运行以下命令安装：

1bower install realtimecat-rtc-detect --save

在使用包管理软件安装完成后，仍需要在具体HTML页面中，引入下载好的realtimecat-rtc-detect.min.js。

如果使用NPM，运行以下命令安装：

1npm install realtimecat-rtc-detect --save

本工具同时符合AMD和CommonJS的规范，你可以通过RequireJS或者require('realtimecat-rtc-detect')的方式来调用。

使用

作为window对象

1. 在HTML中引入realtimecat-rtc-detect.min.js

<script src='dist/realtimecat-rtc-detect.min.js'></script>

2. 调用RTCDetect的各方法

1var output = 'Detecting browsers by RTCDetect:<hr>';
2    output += 'Browser: ' + RTCDetect.browser.name + '<br>';
3    output += 'Version: ' + RTCDetect.browser.version + '<br>';
4    output += 'Full Version: ' + RTCDetect.browser.fullVersion + '<br>';
5    output += 'OS Name: ' + RTCDetect.osName + '<br>';
6    output += 'Is GetUserMedia Supported: ' + RTCDetect.getUserMediaSupport + '<br>';
7    output += 'Is RTCPeerConnection Supported: ' + RTCDetect.RTCPeerConnectionSupport + '<br>';
8    output += 'Is DataChannel Supported: ' + RTCDetect.dataChannelSupport + '<br>';
9    output += 'Is WebSocket Supported: ' + RTCDetect.WebSocketSupport + '<br>';
10    output += 'Is Screen Capturing Supported: ' + RTCDetect.screenCaputringSupport + '<br>';
11    output += 'Is ORTC Supported: ' + RTCDetect.ORTCSupport + '<br>';
12    output += 'Is RTCat Supported: ' + RTCDetect.RTCatSupport + '<br>';
13    document.getElementById('general').innerHTML = output;
14    RTCDetect.checkDeviceSupport(function (error, resp) {
15        var output = 'Detecting Media Devices by RTCDetect:' + '<br>';
16        if (error) {
17            output+='Error: ' + error;
18            document.getElementById('devices').innerHTML = output;
19            return;
20        }
21        output += 'Has Microphone:' + resp.hasMicrophone + "<br>";
22        output += 'Has Speakers:' + resp.hasSpeakers + "<br>";
23        output += 'Has Webcam:' + resp.hasWebcam + "<br>";
24        output += 'Media Devices:' + '<br>';
25        output += '<pre>';
26        resp.MediaDevices.forEach(function (item) {
27            for (var i in item) {
28                output += i + ": " + item[i] + '<br>';
29            }
30        });
31        output += '</pre>';
32        document.getElementById('devices').innerHTML = output;
33    });

使用Browserify等工具

1var RTCDetect = require('realtimecat-rtc-detect');
2var output = 'Detecting browsers by RTCDetect:<hr>';
3    output += 'Browser: ' + RTCDetect.browser.name + '<br>';
4    output += 'Version: ' + RTCDetect.browser.version + '<br>';
5    output += 'Full Version: ' + RTCDetect.browser.fullVersion + '<br>';
6    output += 'OS Name: ' + RTCDetect.osName + '<br>';
7    output += 'Is GetUserMedia Supported: ' + RTCDetect.getUserMediaSupport + '<br>';
8    output += 'Is RTCPeerConnection Supported: ' + RTCDetect.RTCPeerConnectionSupport + '<br>';
9    output += 'Is DataChannel Supported: ' + RTCDetect.dataChannelSupport + '<br>';
10    output += 'Is WebSocket Supported: ' + RTCDetect.WebSocketSupport + '<br>';
11    output += 'Is Screen Capturing Supported: ' + RTCDetect.screenCaputringSupport + '<br>';
12    output += 'Is ORTC Supported: ' + RTCDetect.ORTCSupport + '<br>';
13    output += 'Is RTCat Supported: ' + RTCDetect.RTCatSupport + '<br>';
14    document.getElementById('general').innerHTML = output;
15    RTCDetect.checkDeviceSupport(function (error, resp) {
16        var output = 'Detecting Media Devices by RTCDetect:' + '<br>';
17        if (error) {
18            output+='Error: ' + error;
19            document.getElementById('devices').innerHTML = output;
20            return;
21        }
22        output += 'Has Microphone:' + resp.hasMicrophone + "<br>";
23        output += 'Has Speakers:' + resp.hasSpeakers + "<br>";
24        output += 'Has Webcam:' + resp.hasWebcam + "<br>";
25        output += 'Media Devices:' + '<br>';
26        output += '<pre>';
27        resp.MediaDevices.forEach(function (item) {
28            for (var i in item) {
29                output += i + ": " + item[i] + '<br>';
30            }
31        });
32        output += '</pre>';
33        document.getElementById('devices').innerHTML = output;
34    });