diff options
Diffstat (limited to 'uncompressed/skype/webview.js')
-rw-r--r-- | uncompressed/skype/webview.js | 64 |
1 files changed, 59 insertions, 5 deletions
diff --git a/uncompressed/skype/webview.js b/uncompressed/skype/webview.js index 12ad2a8..63f445c 100644 --- a/uncompressed/skype/webview.js +++ b/uncompressed/skype/webview.js | |||
@@ -1,10 +1,63 @@ | |||
1 | "use strict"; | 1 | "use strict"; |
2 | 2 | ||
3 | var _electron = require("electron"); | 3 | const { desktopCapturer, remote: { BrowserWindow } } = require("electron"); |
4 | const path = require('path'); | ||
4 | 5 | ||
5 | const { | 6 | window.navigator.mediaDevices.getDisplayMedia = () => { |
6 | BrowserWindow | 7 | return new Promise(async (resolve, reject) => { |
7 | } = _electron.remote; | 8 | try { |
9 | const sources = await desktopCapturer.getSources({ types: ['screen', 'window'] }); | ||
10 | |||
11 | const selectionElem = document.createElement('div'); | ||
12 | selectionElem.classList = 'desktop-capturer-selection'; | ||
13 | selectionElem.innerHTML = ` | ||
14 | <div class="desktop-capturer-selection__scroller"> | ||
15 | <ul class="desktop-capturer-selection__list"> | ||
16 | ${sources.map(({ id, name, thumbnail, display_id, appIcon }) => ` | ||
17 | <li class="desktop-capturer-selection__item"> | ||
18 | <button class="desktop-capturer-selection__btn" data-id="${id}" title="${name}"> | ||
19 | <img class="desktop-capturer-selection__thumbnail" src="${thumbnail.toDataURL()}" /> | ||
20 | <span class="desktop-capturer-selection__name">${name}</span> | ||
21 | </button> | ||
22 | </li> | ||
23 | `).join('')} | ||
24 | </ul> | ||
25 | </div> | ||
26 | `; | ||
27 | document.body.appendChild(selectionElem); | ||
28 | |||
29 | document.querySelectorAll('.desktop-capturer-selection__btn') | ||
30 | .forEach(button => { | ||
31 | button.addEventListener('click', async () => { | ||
32 | try { | ||
33 | const id = button.getAttribute('data-id'); | ||
34 | const source = sources.find(source => source.id === id); | ||
35 | if (!source) { | ||
36 | throw new Error(`Source with id ${id} does not exist`); | ||
37 | } | ||
38 | |||
39 | const stream = await window.navigator.mediaDevices.getUserMedia({ | ||
40 | audio: false, | ||
41 | video: { | ||
42 | mandatory: { | ||
43 | chromeMediaSource: 'desktop', | ||
44 | chromeMediaSourceId: source.id | ||
45 | } | ||
46 | } | ||
47 | }); | ||
48 | resolve(stream); | ||
49 | |||
50 | selectionElem.remove(); | ||
51 | } catch (err) { | ||
52 | reject(err); | ||
53 | } | ||
54 | }); | ||
55 | }); | ||
56 | } catch (err) { | ||
57 | reject(err); | ||
58 | } | ||
59 | }) | ||
60 | } | ||
8 | 61 | ||
9 | module.exports = (Franz, settings) => { | 62 | module.exports = (Franz, settings) => { |
10 | const getMessages = function getMessages() { | 63 | const getMessages = function getMessages() { |
@@ -27,6 +80,7 @@ module.exports = (Franz, settings) => { | |||
27 | Franz.setBadge(count); | 80 | Franz.setBadge(count); |
28 | }; | 81 | }; |
29 | 82 | ||
83 | Franz.injectCSS(path.join(__dirname, 'service.css')); | ||
30 | Franz.loop(getMessages); | 84 | Franz.loop(getMessages); |
31 | document.addEventListener('click', event => { | 85 | document.addEventListener('click', event => { |
32 | const link = event.target.closest('a[href^="http"]'); | 86 | const link = event.target.closest('a[href^="http"]'); |
@@ -55,4 +109,4 @@ module.exports = (Franz, settings) => { | |||
55 | } | 109 | } |
56 | } | 110 | } |
57 | }, true); | 111 | }, true); |
58 | }; \ No newline at end of file | 112 | }; |