neoris/openvidu-livekit-tutorials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

openvidu-electron

Browse Source
This commit is contained in:
pabloFuente 2019-05-30 17:56:41 +02:00
parent 5230d5304d
commit 41d4537a59
13 changed files with 10502 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
openvidu-electron/.gitignore vendored Normal file
View File

@ -0,0 +1 @@
node_modules

39
openvidu-electron/LICENSE.md Normal file
View File

@ -0,0 +1,39 @@
CC0 1.0 Universal
==================
Statement of Purpose
---------------------
The laws of most jurisdictions throughout the world automatically confer exclusive Copyright and Related Rights (defined below) upon the creator and subsequent owner(s) (each and all, an "owner") of an original work of authorship and/or a database (each, a "Work").
Certain owners wish to permanently relinquish those rights to a Work for the purpose of contributing to a commons of creative, cultural and scientific works ("Commons") that the public can reliably and without fear of later claims of infringement build upon, modify, incorporate in other works, reuse and redistribute as freely as possible in any form whatsoever and for any purposes, including without limitation commercial purposes. These owners may contribute to the Commons to promote the ideal of a free culture and the further production of creative, cultural and scientific works, or to gain reputation or greater distribution for their Work in part through the use and efforts of others.
For these and/or other purposes and motivations, and without any expectation of additional consideration or compensation, the person associating CC0 with a Work (the "Affirmer"), to the extent that he or she is an owner of Copyright and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and publicly distribute the Work under its terms, with knowledge of his or her Copyright and Related Rights in the Work and the meaning and intended legal effect of CC0 on those rights.
1. Copyright and Related Rights.
--------------------------------
A Work made available under CC0 may be protected by copyright and related or neighboring rights ("Copyright and Related Rights"). Copyright and Related Rights include, but are not limited to, the following:
i. the right to reproduce, adapt, distribute, perform, display, communicate, and translate a Work;
ii. moral rights retained by the original author(s) and/or performer(s);
iii. publicity and privacy rights pertaining to a person's image or likeness depicted in a Work;
iv. rights protecting against unfair competition in regards to a Work, subject to the limitations in paragraph 4(a), below;
v. rights protecting the extraction, dissemination, use and reuse of data in a Work;
vi. database rights (such as those arising under Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, and under any national implementation thereof, including any amended or successor version of such directive); and
vii. other similar, equivalent or corresponding rights throughout the world based on applicable law or treaty, and any national implementations thereof.
2. Waiver.
-----------
To the greatest extent permitted by, but not in contravention of, applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and unconditionally waives, abandons, and surrenders all of Affirmer's Copyright and Related Rights and associated claims and causes of action, whether now known or unknown (including existing as well as future claims and causes of action), in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each member of the public at large and to the detriment of Affirmer's heirs and successors, fully intending that such Waiver shall not be subject to revocation, rescission, cancellation, termination, or any other legal or equitable action to disrupt the quiet enjoyment of the Work by the public as contemplated by Affirmer's express Statement of Purpose.
3. Public License Fallback.
----------------------------
Should any part of the Waiver for any reason be judged legally invalid or ineffective under applicable law, then the Waiver shall be preserved to the maximum extent permitted taking into account Affirmer's express Statement of Purpose. In addition, to the extent the Waiver is so judged Affirmer hereby grants to each affected person a royalty-free, non transferable, non sublicensable, non exclusive, irrevocable and unconditional license to exercise Affirmer's Copyright and Related Rights in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the "License"). The License shall be deemed effective as of the date CC0 was applied by Affirmer to the Work. Should any part of the License for any reason be judged legally invalid or ineffective under applicable law, such partial invalidity or ineffectiveness shall not invalidate the remainder of the License, and in such case Affirmer hereby affirms that he or she will not (i) exercise any of his or her remaining Copyright and Related Rights in the Work or (ii) assert any associated claims and causes of action with respect to the Work, in either case contrary to Affirmer's express Statement of Purpose.
4. Limitations and Disclaimers.
--------------------------------
a. No trademark or patent rights held by Affirmer are waived, abandoned, surrendered, licensed or otherwise affected by this document.
b. Affirmer offers the Work as-is and makes no representations or warranties of any kind concerning the Work, express, implied, statutory or otherwise, including without limitation warranties of title, merchantability, fitness for a particular purpose, non infringement, or the absence of latent or other defects, accuracy, or the present or absence of errors, whether or not discoverable, all to the greatest extent permissible under applicable law.
c. Affirmer disclaims responsibility for clearing rights of other persons that may apply to the Work or any use thereof, including without limitation any person's Copyright and Related Rights in the Work. Further, Affirmer disclaims responsibility for obtaining any necessary consents, permissions or other rights required for any use of the Work.
d. Affirmer understands and acknowledges that Creative Commons is not a party to this document and has no duty or obligation with respect to this CC0 or use of the Work.

29
openvidu-electron/README.md Normal file
View File

@ -0,0 +1,29 @@
# openvidu-electron
This is a minimal Electron application based on [electron-quick-start](https://github.com/electron/electron-quick-start), properly integrated with OpenVidu.
## Run
To clone and run this repository you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
git clone https://github.com/OpenVidu/openvidu-tutorials
# Go into the repository
cd openvidu-tutorials/openvidu-electron
# Install dependencies
npm install
# Run the app
npm start
```
Note: If you're using Linux Bash for Windows, [see this guide](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) or use `node` from the command prompt.
## Resources for Learning Electron
- [electronjs.org/docs](https://electronjs.org/docs) - all of Electron's documentation
- [electronjs.org/community#boilerplates](https://electronjs.org/community#boilerplates) - sample starter apps created by the community
- [electron/electron-quick-start](https://github.com/electron/electron-quick-start) - a very basic starter Electron app
- [electron/simple-samples](https://github.com/electron/simple-samples) - small applications with ideas for taking them further
- [electron/electron-api-demos](https://github.com/electron/electron-api-demos) - an Electron app that teaches you how to use Electron
- [hokein/electron-sample-apps](https://github.com/hokein/electron-sample-apps) - small demo apps for the various Electron APIs

174
openvidu-electron/app/app.js Normal file
View File

@ -0,0 +1,174 @@
const ipcRenderer = require('electron').ipcRenderer;
const BrowserWindow = require('electron').remote.BrowserWindow;
var OV;
var session;
var screenId;
var mySessionId;
ipcRenderer.on('screen-share-ready', (event, message) => {
screenId = message;
});
function joinSession() {
mySessionId = document.getElementById("sessionId").value;
OV = new OpenVidu();
session = OV.initSession();
session.on("streamCreated", function (event) {
session.subscribe(event.stream, "subscriber");
});
getToken(mySessionId).then(token => {
session.connect(token)
.then(() => {
const shareScreen = document.getElementById("screen-sharing").checked;
if (shareScreen) {
openScreenShareModal();
} else {
showSession();
var publisher = OV.initPublisher("publisher");
session.publish(publisher);
}
})
.catch(error => {
console.log("There was an error connecting to the session:", error.code, error.message);
});
});
}
function leaveSession() {
session.disconnect();
hideSession();
}
function showSession() {
document.getElementById("session-header").innerText = mySessionId;
document.getElementById("join").style.display = "none";
document.getElementById("session").style.display = "block";
}
function hideSession() {
document.getElementById("join").style.display = "block";
document.getElementById("session").style.display = "none";
}
function openScreenShareModal() {
let win = new BrowserWindow({
parent: require('electron').remote.getCurrentWindow(),
modal: true,
minimizable: false,
maximizable: false,
webPreferences: {
nodeIntegration: true
},
resizable: false
})
win.setMenu(null);
// win.webContents.openDevTools();
win.on('close', async () => {
const stream = await navigator.mediaDevices.getUserMedia({
audio: false,
video: {
mandatory: {
chromeMediaSource: 'desktop',
chromeMediaSourceId: screenId
}
}
});
showSession();
var publisher = OV.initPublisher("publisher", {
videoSource: stream.getVideoTracks()[0]
});
session.publish(publisher);
});
var theUrl = 'file://' + __dirname + '/modal.html'
win.loadURL(theUrl);
}
/**
* --------------------------
* SERVER-SIDE RESPONSIBILITY
* --------------------------
* These methods retrieve the mandatory user token from OpenVidu Server.
* This behavior MUST BE IN YOUR SERVER-SIDE IN PRODUCTION (by using
* the API REST, openvidu-java-client or openvidu-node-client):
* 1) Initialize a session in OpenVidu Server (POST /api/sessions)
* 2) Generate a token in OpenVidu Server (POST /api/tokens)
* 3) The token must be consumed in Session.connect() method
*/
var OPENVIDU_SERVER_URL = "https://localhost:4443";
var OPENVIDU_SERVER_SECRET = "MY_SECRET";
function getToken(mySessionId) {
return createSession(mySessionId).then(sessionId => createToken(sessionId));
}
function createSession(sessionId) { // See https://openvidu.io/docs/reference-docs/REST-API/#post-apisessions
return new Promise((resolve, reject) => {
axios.post(
OPENVIDU_SERVER_URL + "/api/sessions",
JSON.stringify({
customSessionId: sessionId
}), {
headers: {
'Authorization': "Basic " + btoa("OPENVIDUAPP:" + OPENVIDU_SERVER_SECRET),
'Content-Type': 'application/json',
},
crossdomain: true
}
)
.then(res => {
if (res.status === 200) {
// SUCCESS response from openvidu-server. Resolve token
resolve(res.data.id);
} else {
// ERROR response from openvidu-server. Resolve HTTP status
reject(new Error(res.status.toString()));
}
}).catch(error => {
if (error.response.status === 409) {
resolve(sessionId);
return false;
} else {
console.warn('No connection to OpenVidu Server. This may be a certificate error at ' + OPENVIDU_SERVER_URL);
return false;
}
});
return false;
});
}
function createToken(sessionId) { // See https://openvidu.io/docs/reference-docs/REST-API/#post-apitokens
return new Promise((resolve, reject) => {
axios.post(
OPENVIDU_SERVER_URL + "/api/tokens",
JSON.stringify({
session: sessionId
}), {
headers: {
'Authorization': "Basic " + btoa("OPENVIDUAPP:" + OPENVIDU_SERVER_SECRET),
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*'
}
}
)
.then(res => {
if (res.status === 200) {
// SUCCESS response from openvidu-server. Resolve token
resolve(res.data.token);
} else {
// ERROR response from openvidu-server. Resolve HTTP status
reject(new Error(res.status.toString()));
}
}).catch(error => {
reject(error);
});
return false;
});
}

9
openvidu-electron/app/axios.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

63
openvidu-electron/app/index.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OpenVidu Electron</title>
<link rel="styleSheet" href="style.css" type="text/css" media="screen">
<script src="openvidu-browser-2.9.0.js"></script>
<script src="axios.min.js"></script>
</head>
<body>
<h1>OpenVidu Electron</h1>
<!-- All of the Node.js APIs are available in this renderer process. -->
We are using Node.js <script>
document.write(process.versions.node)
</script>,
Chromium <script>
document.write(process.versions.chrome)
</script>,
and Electron <script>
document.write(process.versions.electron)
</script>
<script>
// You can also require other files to run in this process
require('./renderer.js')
</script>
<script src="app.js"></script>
<div id="join">
<h1>Join a video session</h1>
<form onsubmit="joinSession(); return false">
<p>
<label>Session:</label>
<input type="text" id="sessionId" value="SessionA" required>
</p>
<p>
<input id="screen-sharing" type="checkbox" name="screenshare"> Share screen?<br>
</p>
<p>
<input type="submit" value="JOIN">
</p>
</form>
</div>
<div id="session" style="display: none;">
<h1 id="session-header"></h1>
<input type="button" onclick="leaveSession()" value="LEAVE">
<div>
<div id="publisher">
<h3>YOU</h3>
</div>
<div id="subscriber">
<h3>OTHERS</h3>
</div>
</div>
</div>
</body>
</html>

86
openvidu-electron/app/modal.html Normal file
View File

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OpenVidu Electron</title>
<style>
#list-of-screens {
margin-bottom: 60px;
}
#footer {
position: fixed;
bottom: 0;
width: 100%;
height: 25px;
background: white;
text-align: right;
padding: 10px 0px 10px 0px;
}
#share-btn {
margin-right: 20px;
}
</style>
</head>
<body>
<h1>Share your screen</h1>
<div id="list-of-screens"></div>
<div id="footer">
<button id="cancel-btn" onclick="closeWindow()">Cancel</button>
<button id="share-btn" onclick="sendScreenSelection()" disabled>Share</button>
</div>
</body>
<script>
var availableScreens = [];
var htmlElements = [];
var selectedElement;
const {
desktopCapturer
} = require('electron')
const ipcRenderer = require('electron').ipcRenderer;
desktopCapturer.getSources({
types: ['window', 'screen']
}).then(async sources => {
const list = document.getElementById("list-of-screens");
sources.forEach(source => {
var el = document.createElement("div");
el.onclick = () => {
htmlElements.forEach(e => {
e.style.border = "none";
e.style.background = "none";
})
el.style.border = "2px solid #0088aa";
el.style.background = "rgba(0, 0, 0, 0.06)";
selectedElement = el;
document.getElementById("share-btn").disabled = false;
}
availableScreens.push(source);
htmlElements.push(el);
var img = document.createElement("img");
var name = document.createElement("span");
img.src = source.thumbnail.toDataURL();
name.innerHTML = source.name;
el.appendChild(img);
el.appendChild(name);
list.appendChild(el);
});
});
function sendScreenSelection() {
ipcRenderer.send('screen-share-selected', availableScreens[htmlElements.indexOf(selectedElement)].id);
closeWindow();
}
function closeWindow() {
require('electron').remote.getCurrentWindow().close();
}
</script>

8764
openvidu-electron/app/openvidu-browser-2.9.0.js Normal file
View File

File diff suppressed because one or more lines are too long

3
openvidu-electron/app/renderer.js Normal file
View File

@ -0,0 +1,3 @@
// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.

33
openvidu-electron/app/style.css Normal file
View File

@ -0,0 +1,33 @@
html, body {
height: 100%;
font-family: "Open Sans", sans-serif;
}
html {
display: table;
margin: auto;
}
body {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#publisher {
float: left;
margin: 10px;
width: 40%;
}
#subscriber {
float: right;
margin: 10px;
width: 40%;
}
video {
width: 70%;
margin: 10px auto 0 auto;
display: block;
}

69
openvidu-electron/main.js Normal file
View File

@ -0,0 +1,69 @@
// Modules to control application life and create native browser window
const {
app,
BrowserWindow,
ipcMain
} = require('electron')
// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let mainWindow
function createWindow() {
// Create the browser window.
mainWindow = new BrowserWindow({
width: 1280,
height: 720,
webPreferences: {
nodeIntegration: true
}
})
// and load the index.html of the app.
mainWindow.loadFile('app/index.html')
// Open the DevTools.
// mainWindow.webContents.openDevTools()
// Emitted when the window is closed.
mainWindow.on('closed', function () {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
mainWindow = null
})
ipcMain.on('screen-share-selected', (event, message) => {
console.warn(event);
console.warn(message);
mainWindow.webContents.send('screen-share-ready', message);
});
}
// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', createWindow)
// Quit when all windows are closed.
app.on('window-all-closed', function () {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') app.quit()
})
app.on('activate', function () {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (mainWindow === null) createWindow()
})
app.on('certificate-error', (event, webContents, url, error, certificate, callback) => {
// On certificate error we disable default behaviour (stop loading the page)
// and we then say "it is all fine - true" to the callback
event.preventDefault();
callback(true);
})
// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.

1210
openvidu-electron/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

22
openvidu-electron/package.json Normal file
View File

@ -0,0 +1,22 @@
{
"name": "electron-quick-start",
"version": "1.0.0",
"description": "A minimal Electron application",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"repository": "https://github.com/electron/electron-quick-start",
"keywords": [
"Electron",
"quick",
"start",
"tutorial",
"demo"
],
"author": "GitHub",
"license": "CC0-1.0",
"devDependencies": {
"electron": "^5.0.2"
}
}