diff options
Diffstat (limited to 'browser/base/content/webrtcLegacyIndicator.js')
| -rw-r--r-- | browser/base/content/webrtcLegacyIndicator.js | 206 |
1 files changed, 206 insertions, 0 deletions
diff --git a/browser/base/content/webrtcLegacyIndicator.js b/browser/base/content/webrtcLegacyIndicator.js new file mode 100644 index 0000000000..e75b4f3dab --- /dev/null +++ b/browser/base/content/webrtcLegacyIndicator.js @@ -0,0 +1,206 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +const { webrtcUI } = ChromeUtils.import("resource:///modules/webrtcUI.jsm"); + +function init(event) { + for (let id of ["audioVideoButton", "screenSharePopup"]) { + let popup = document.getElementById(id); + popup.addEventListener("popupshowing", onPopupMenuShowing); + popup.addEventListener("popuphiding", onPopupMenuHiding); + popup.addEventListener("command", onPopupMenuCommand); + } + + let fxButton = document.getElementById("firefoxButton"); + fxButton.addEventListener("click", onFirefoxButtonClick); + fxButton.addEventListener("mousedown", PositionHandler); + + updateIndicatorState(); + + // Alert accessibility implementations stuff just changed. We only need to do + // this initially, because changes after this will automatically fire alert + // events if things change materially. + let ev = new CustomEvent("AlertActive", { bubbles: true, cancelable: true }); + document.documentElement.dispatchEvent(ev); +} + +function updateIndicatorState() { + updateWindowAttr("sharingvideo", webrtcUI.showCameraIndicator); + updateWindowAttr("sharingaudio", webrtcUI.showMicrophoneIndicator); + updateWindowAttr("sharingscreen", webrtcUI.showScreenSharingIndicator); + + // Camera and microphone button tooltip. + const audioVideoButton = document.getElementById("audioVideoButton"); + let avL10nId; + if (webrtcUI.showCameraIndicator) { + avL10nId = webrtcUI.showMicrophoneIndicator + ? "webrtc-indicator-sharing-camera-and-microphone" + : "webrtc-indicator-sharing-camera"; + } else { + avL10nId = webrtcUI.showMicrophoneIndicator + ? "webrtc-indicator-sharing-microphone" + : ""; + } + if (avL10nId) { + document.l10n.setAttributes(audioVideoButton, avL10nId); + } else { + audioVideoButton.removeAttribute("data-l10n-id"); + audioVideoButton.removeAttribute("tooltiptext"); + } + + // Screen sharing button tooltip. + const screenShareButton = document.getElementById("screenShareButton"); + let ssL10nId; + const ssi = webrtcUI.showScreenSharingIndicator; + switch (ssi) { + case "Application": + ssL10nId = "webrtc-indicator-sharing-application"; + break; + case "Browser": + ssL10nId = "webrtc-indicator-sharing-browser"; + break; + case "Screen": + ssL10nId = "webrtc-indicator-sharing-screen"; + break; + case "Window": + ssL10nId = "webrtc-indicator-sharing-window"; + break; + default: + if (ssi) { + console.error(`Unknown showScreenSharingIndicator: ${ssi}`); + } + ssL10nId = ""; + } + if (ssL10nId) { + document.l10n.setAttributes(screenShareButton, ssL10nId); + } else { + screenShareButton.removeAttribute("data-l10n-id"); + screenShareButton.removeAttribute("tooltiptext"); + } + + // Resize and ensure the window position is correct + // (sizeToContent messes with our position). + window.sizeToContent(); + PositionHandler.adjustPosition(); +} + +function updateWindowAttr(attr, value) { + let docEl = document.documentElement; + if (value) { + docEl.setAttribute(attr, "true"); + } else { + docEl.removeAttribute(attr); + } +} + +function onPopupMenuShowing(event) { + let popup = event.target; + + let activeStreams; + if (popup.getAttribute("type") == "Devices") { + activeStreams = webrtcUI.getActiveStreams(true, true, false); + } else { + activeStreams = webrtcUI.getActiveStreams(false, false, true, true); + } + if (activeStreams.length) { + let index = activeStreams.length - 1; + webrtcUI.showSharingDoorhanger(activeStreams[index], event); + event.preventDefault(); + return; + } + + for (let stream of activeStreams) { + let item = document.createElement("menuitem"); + item.setAttribute("label", stream.browser.contentTitle || stream.uri); + item.setAttribute("tooltiptext", stream.uri); + item.stream = stream; + popup.appendChild(item); + } +} + +function onPopupMenuHiding(event) { + let popup = event.target; + while (popup.firstChild) { + popup.firstChild.remove(); + } +} + +function onPopupMenuCommand(event) { + webrtcUI.showSharingDoorhanger(event.target.stream, event); +} + +function onFirefoxButtonClick(event) { + event.target.blur(); + let activeStreams = webrtcUI.getActiveStreams(true, true, true, true); + activeStreams[0].browser.ownerGlobal.focus(); +} + +var PositionHandler = { + positionCustomized: false, + threshold: 10, + adjustPosition() { + if (!this.positionCustomized) { + // Center the window horizontally on the screen (not the available area). + // Until we have moved the window to y=0, 'screen.width' may give a value + // for a secondary screen, so use values from the screen manager instead. + let primaryScreen = Cc["@mozilla.org/gfx/screenmanager;1"].getService( + Ci.nsIScreenManager + ).primaryScreen; + let widthDevPix = {}; + primaryScreen.GetRect({}, {}, widthDevPix, {}); + let availTopDevPix = {}; + primaryScreen.GetAvailRect({}, availTopDevPix, {}, {}); + let scaleFactor = primaryScreen.defaultCSSScaleFactor; + let widthCss = widthDevPix.value / scaleFactor; + window.moveTo( + (widthCss - document.documentElement.clientWidth) / 2, + availTopDevPix.value / scaleFactor + ); + } else { + // This will ensure we're at y=0. + this.setXPosition(window.screenX); + } + }, + setXPosition(desiredX) { + // Ensure the indicator isn't moved outside the available area of the screen. + desiredX = Math.max(desiredX, screen.availLeft); + let maxX = + screen.availLeft + + screen.availWidth - + document.documentElement.clientWidth; + window.moveTo(Math.min(desiredX, maxX), screen.availTop); + }, + handleEvent(aEvent) { + switch (aEvent.type) { + case "mousedown": + if (aEvent.button != 0 || aEvent.defaultPrevented) { + return; + } + + this._startMouseX = aEvent.screenX; + this._startWindowX = window.screenX; + this._deltaX = this._startMouseX - this._startWindowX; + + window.addEventListener("mousemove", this); + window.addEventListener("mouseup", this); + break; + + case "mousemove": + let moveOffset = Math.abs(aEvent.screenX - this._startMouseX); + if (this._dragFullyStarted || moveOffset > this.threshold) { + this.setXPosition(aEvent.screenX - this._deltaX); + this._dragFullyStarted = true; + } + break; + + case "mouseup": + this._dragFullyStarted = false; + window.removeEventListener("mousemove", this); + window.removeEventListener("mouseup", this); + this.positionCustomized = + Math.abs(this._startWindowX - window.screenX) >= this.threshold; + break; + } + }, +}; |