Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
web-apps/apps/documenteditor/main/resources/help/en/UsageInstructions/Jitsi.htm

159 lines
8 KiB
HTML
Raw Normal View History

Update help
2022-05-16 13:43:03 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Make Audio and Video Calls</title>
<meta charset="utf-8" />
<meta name="description" content="The description of Jitsi plugin for ONLYOFFICE editors, which makes audio and video calls accessible immediately from the Document Editor." />
replacing img with div
2022-05-31 13:05:19 +00:00
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
Update help
2022-05-16 13:43:03 +00:00
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Make Audio and Video Calls</h1>
<p>Audio and video calls are immediately accessible from ONLYOFFICE <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, using Jitsi plugin. Jitsi provides video conferencing capabilities that are secure and easy to deploy.</p>
<p class="note">Note: Jitsi plugin is not installed by default and shall be added manually. Please, refer to the corresponding article to find the manual installation guide <a href="https://api.onlyoffice.com/plugin/installation/cloud">Adding plugins to ONLYOFFICE Cloud</a> or <a href=" https: //helpcenter.onlyoffice.com/installation/docs-add-plugin">Adding new plugins to server editors</a></p>
<ol>
<li>Switch to the <b>Plugins</b> tab and click the <b>Jitsi</b> icon on the top toolbar.</li>
<li>
Fill in the fields at the bottom of the left sidebar before you start a call:
<p><b>Domain</b> - enter the domain name if you want to connect your domain.</p>
<p><b>Room name</b> - enter the name of the meeting room. This field is mandatory and you cannot start a call if you leave it out.</p>
</li>
<li>Click the <b>Start</b> button to open the <b>Jitsi Meet iframe</b>.</li>
<li>Enter your name and allow camera and microphone access to your browser.
<li>If you want to close the Jitsi Meet iframe click the Stop button at the bottom of the left.</li>
<li>Click the <b>Join the meeting</b> button to start a call with audio or click the arrow to join without audio.</li>
</ol>
extract gif with plugins to shared directory
2022-06-06 01:17:16 +00:00
<img class="gif" alt="Youtube plugin gif" src="../../images/jitsi_plugin.gif" width="600" />
Update help
2022-05-16 13:43:03 +00:00
<p>The <b>Jitsi Meet iframe</b> interface elements before launching a meeting:</p>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_micro"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Audio settings and Mute/Unmute</b>
</p>
<ul>
<li>Click the arrow to access the preview of Audio Settings.</li>
<li>Click the micro to mute/unmute your microphone.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_camera"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Video settings and Start/Stop</b>
</p>
<ul>
<li>Click the arrow to access video preview.</li>
<li>Click the camera to start/stop your video.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_invite"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Invite people</b>
</p>
<ul>
<li>Click this button to invite more people to your meeting.</li>
<li>
Share the meeting by copying the meeting link, or <br>
Share meeting invitation by copying it, or via your default email, Google email, Outlook email or Yahoo email.
</li>
<li>Embed the meeting by copying the link.</li>
<li>Use one of the available dial-in numbers to join the meeting.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_background"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Select background</b>
</p>
<ul>
<li>Select or add a virtual background for your meeting.</li>
<li>Share your desktop by choosing the appropriate option: <b>Screen</b>,<b> Window</b> or <b>Tab</b>.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_background"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Select background</b>
</p>
<ul>
<li>Select or add a virtual background for your meeting.</li>
<li>Share your desktop by choosing the appropriate option: <b>Screen</b>,<b> Window</b> or <b>Tab</b>.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_background"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Settings</b>
</p>
<p>Configure advanced settings that are organized in the following categories:</p>
<ul>
<li><b>Devices</b> for setting up your Microphone, Camera and Audio Output, and playing a test sound.</li>
<li><b>Profile</b> for setting up your name to be displayed and gravatar email, hide/show self view.</li>
<li><b>Calendar</b> for integration your Google or Microsoft calendar.</li>
<li><b>Sounds</b> for selecting the actions to play the sound on.</li>
<li><b>More</b> for configuring some additional options: enable/disable pre meeting screen and keyboard shortcuts, set up a language and desktop sharing frame rate.</li>
</ul>
<p>
Interface elements that appear during a video conference:
</p>
<img alt="Jitsi Conference" src="../images/jitsi_conference.png" />
<p>Click the side arrow on the right to display the participant thumbnails at the top.</p>
<p>
<img alt="Jitsi Timer" src="../images/jitsi_timer.png" />
The timer at the iframe top shows the meeting duration.
</p>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_openchat"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Open chat</b>
</p>
<ul>
<li>Type a text message or create a poll.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_participants"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Participants</b>
</p>
<ul>
<li>View the list of the meeting participants, invite more participants and search a participant.</li>
</ul>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_more"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>More Actions</b>
</p>
<ul>
<li>Find a range of options to use all the available Jitsi features to the full.Scroll through the options to see them all.</li>
</ul>
<details class="details-example">
<summary>Available options,</summary>
<ul>
<li>Start screen sharing</li>
<li>Invite people</li>
<li>Enter/Exit tile view</li>
<li>Performance settings for adjusting the quality</li>
<li>View full screen</li>
<li>
Security options
<ul>
<li><b>Lobby mode</b> for participants to join the meeting after the moderator’s approval;</li>
<li><b>Add password mode</b> for participants to join the meeting with a password;</li>
<li><b>End-to-end encryption</b> is an experimental method of making secure calls (mind the restrictions like disabling server-side provided services and using browsers that support insertable streams).</li>
</ul>
</li>
<li>Start live stream</li>
<li>Mute everyone</li>
<li>Disable everyone’s camera</li>
<li>Share video</li>
<li>Select background</li>
<li>Speaker stats</li>
<li>Settings</li>
<li>View shortcuts</li>
<li>Embed meeting</li>
<li>Leave feedback</li>
<li>Help</li>
</ul>
</details>
<p>
replacing img with div
2022-05-31 13:05:19 +00:00
<div class = "icon icon-jitsi_leave"></div>
Update help
2022-05-16 13:43:03 +00:00
<b>Leave the meeting</b>
</p>
<ul>
<li>Click it whenever you wish to end a call.</li>
</ul>
</div>
</body>
</html>
Reference in a new issue Copy permalink