zdpjs_webrtc
Version:
基于easyrtc二次开发的webrtc框架
207 lines (182 loc) • 7.59 kB
JavaScript
/* global chrome, easyrtc */
//
// This code was taken from: https://github.com/muaz-khan/WebRTC-Experiment/tree/master/Pluginfree-Screen-Sharing
// and modified to fit with EasyRTC.
//
// todo: need to check exact chrome browser because opera/node-webkit also uses chromium framework
var isChrome = !!navigator.webkitGetUserMedia;
// DetectRTC.js - github.com/muaz-khan/WebRTC-Experiment/tree/master/DetectRTC
// Below code is taken from RTCMultiConnection-v1.8.js (http://www.rtcmulticonnection.org/changes-log/#v1.8)
// and modified.
var DetectRTC = {};
(function() {
/**
* Provides a method for window/screen capture using an iframe.
* Please read the comments in the source code about setting the
* chrome extension that this requires to be installed in each browser.
* @class Easyrtc_No_IframeCapture
*/
var screenCallback;
DetectRTC.screen = {
supported: false,
getSourceId: function(callback) {
if (!callback) {
throw '"callback" parameter is mandatory.';
}
screenCallback = callback;
window.postMessage('desktopcapture-get-sourceId', '*');
},
isChromeExtensionAvailable: function(callback) {
if (!callback) {
return;
}
if (DetectRTC.screen.supported) {
callback(true);
}
// ask extension if it is available
window.postMessage('desktopcapture-are-you-there', '*');
setTimeout(function() {
callback(DetectRTC.screen.supported);
}, 2000);
},
onMessageCallback: function(data) {
// "cancel" button is clicked
if (data === 'PermissionDeniedError') {
DetectRTC.screen.chromeMediaSource = 'PermissionDeniedError';
if (screenCallback) {
return screenCallback('PermissionDeniedError');
}
else {
throw new Error('PermissionDeniedError');
}
}
// extension notified his presence
if (data === 'desktopcapture-loaded') {
DetectRTC.screen.supported = true;
}
// extension shared temp sourceId
if (data.sourceId) {
DetectRTC.screen.sourceId = data.sourceId;
if (screenCallback) {
screenCallback(null);
}
}
}
};
// check if desktop-capture extension installed.
if (window.postMessage && isChrome) {
DetectRTC.screen.isChromeExtensionAvailable(function(){});
}
})();
window.addEventListener('message', function(event) {
if (event.origin !== window.location.origin) {
return;
}
DetectRTC.screen.onMessageCallback(event.data);
});
/**
* Check if desktop capture installed
* @function
* @memberOf Easyrtc_No_IframeCapture
* @return boolean
*/
easyrtc.isDesktopCaptureInstalled = function() {
return DetectRTC.screen.supported;
};
/** Create a local media stream for desktop capture.
* This will fail if a desktop capture extension is not installed.
* not granting permission.
* @function
* @memberOf Easyrtc_No_IframeCapture
* @param {function(HTMLMediaStream)} successCallback - will be called with localmedia stream on success.
* @param {function(String,String)} errorCallback - is called with an error code and error description.
* @param {String} streamName - an optional name for the media source so you can use multiple cameras and screen share simultaneously.
* @param {String} iframeUrl - an optional url for the iframe. The default is to use Muaz Khan's.
* @example
* easyrtc.initDesktopStream(
* function(mediastream){
* easyrtc.setVideoObjectSrc( document.getElementById("mirrorVideo"), mediastream);
* },
* function(errorCode, errorText){
* easyrtc.showError(errorCode, errorText);
* });
*
*/
easyrtc.initDesktopStream = function(successCallback, failureCallback, streamName) {
if (!easyrtc.isDesktopCaptureInstalled()) {
failureCallback(easyrtc.errCodes.DEVELOPER_ERR, "Desktop capture plugin not installed");
return;
}
DetectRTC.screen.getSourceId(function(error) {
if( error) {
failureCallback(easyrtc.errCodes.MEDIA_ERR, error);
}
else if (DetectRTC.screen.sourceId) {
easyrtc._presetMediaConstraints = {
video: {
mandatory: {
chromeMediaSource: 'desktop',
chromeMediaSourceId: DetectRTC.screen.sourceId,
maxWidth: 1920,
maxHeight: 1080,
minAspectRatio: 1.77
}
},
audio: false
};
easyrtc.initMediaSource(successCallback, failureCallback, streamName);
}
else {
failureCallback(easyrtc.errCodes.MEDIA_CANCELLED, "Desktop capture plugin not installed");
}
});
};
/**
* This method builds a function that can be attached to a button to install an extension.
* The install will only work on a {@link https://support.google.com/webmasters/answer/34592?hl=en|Google Verified Website}
* with a `link` tag pointing to the extension, which is required by chrome for
* {@link https://developer.chrome.com/webstore/inline_installation|Inline Installations}.
*
* @function
* @memberOf Easyrtc_No_IframeCapture
* @example
*
* <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/bemabaogbdfpbkkganibcmhbgjogabfj" id="custom-app-id" />
*
* easyrtc.chromeInstall("custom-app_id", function() {
* // success
* },
* function(errorCode, errorText) {
* // failure
* });
*
* @param {String} extensionId The id of the `link` tag pointing to your extension.
* @param {Function} successCallback Function to call on success.
* @param {Function} failureCallback Function to call on failure. Will pass argument `errorCode` and `errorMessage`.
*/
easyrtc.chromeInstaller = function(extensionId, successCallback, failureCallback) {
return function() {
if( !navigator.webkitGetUserMedia ||
!window.chrome ||
!chrome.webstore ||
!chrome.webstore.install ) {
failureCallback(easyrtc.errCodes.DEVELOPER_ERR, "Can't install plugin on non-chrome browsers");
}
else {
try {
var el = document.querySelector('head link#' + extensionId);
if (!el) {
throw new Error("Can't find a `link` element in `head` with id `"+extensionId+"`");
}
// get the chrome extension url from the link's href attribute
var url = el.attributes.href.value;
chrome.webstore.install(url, successCallback, function(error) {
failureCallback(easyrtc.errCodes.DEVELOPER_ERR, error);
});
}
catch (error) {
failureCallback(easyrtc.errCodes.DEVELOPER_ERR, error.message);
}
}
};
};