feat: update Talk basics screenshots for v30
Signed-off-by: Antreesy <antreesy.web@gmail.com>
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 417 KiB After Width: | Height: | Size: 401 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 239 KiB After Width: | Height: | Size: 255 KiB |
|
Before Width: | Height: | Size: 298 KiB After Width: | Height: | Size: 155 KiB |
|
Before Width: | Height: | Size: 109 KiB After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 190 KiB After Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 289 KiB After Width: | Height: | Size: 349 KiB |
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 537 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 484 KiB |
|
Before Width: | Height: | Size: 159 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 115 KiB After Width: | Height: | Size: 171 KiB |
@@ -22,7 +22,7 @@ You can create a direct, one-on-one chat by searching for the name of a user, a
|
||||
If you want to create a custom group conversation, click the button next to the search field and filters button and then on ``Create a new conversation``.
|
||||
|
||||
.. image:: images/create-new-conversation.png
|
||||
:width: 300px
|
||||
:width: 400px
|
||||
|
||||
You can then pick a name for the conversation, put a description, and set up an avatar for it (with uploaded photo or emoji), and select if the conversation should be open to external users and if other users on the server can see and join the conversation.
|
||||
|
||||
@@ -37,6 +37,7 @@ In the second step, you get to add participants and finalize the creation of the
|
||||
After confirmation you will be redirected to the new conversation and can start communicating right away.
|
||||
|
||||
.. image:: images/new-room.png
|
||||
:width: 700px
|
||||
|
||||
View all open conversations
|
||||
---------------------------
|
||||
@@ -44,7 +45,7 @@ View all open conversations
|
||||
You can view all the conversations that you can join by clicking the button next to the search field and filters button and then on ``Join open conversations.``
|
||||
|
||||
.. image:: images/join-open-conversations.png
|
||||
:width: 500px
|
||||
:width: 400px
|
||||
|
||||
Filter your conversations
|
||||
-------------------------
|
||||
@@ -54,12 +55,12 @@ You can filter your conversations using the filter button located next to the se
|
||||
2. Filter unread messages: This option allows you to view all unread messages in all joined conversations.
|
||||
|
||||
.. image:: images/filters-menu.png
|
||||
:width: 250px
|
||||
:width: 400px
|
||||
|
||||
You can then clear the filter from the filters menu.
|
||||
|
||||
.. image:: images/clear-filter.png
|
||||
:width: 250px
|
||||
:width: 400px
|
||||
|
||||
Sharing files in a chat
|
||||
-----------------------
|
||||
@@ -69,6 +70,7 @@ You can share files in a chat in 3 ways.
|
||||
First, you can simply drag'n'drop them on the chat.
|
||||
|
||||
.. image:: images/drag-and-drop.png
|
||||
:width: 600px
|
||||
|
||||
Second, you can select a file from your Nextcloud Files or a file manager by choosing the little paperclip and selecting where you'd like to pick the file from.
|
||||
|
||||
@@ -76,7 +78,7 @@ Second, you can select a file from your Nextcloud Files or a file manager by cho
|
||||
:width: 500px
|
||||
|
||||
.. image:: images/share-files-in-chat-selection.png
|
||||
:width: 450px
|
||||
:width: 600px
|
||||
|
||||
You can add more files until you are done and decide to share the files. You can also add a text caption to your shared files, providing a brief description or context.
|
||||
|
||||
@@ -86,6 +88,7 @@ You can add more files until you are done and decide to share the files. You can
|
||||
All users will be able to click the files to view, edit or download them, irrespective of them having a user account. Users with an account will have the file automatically shared with them while external guest users will get them shared as a public link.
|
||||
|
||||
.. image:: images/editing-document-in-chat-room.png
|
||||
:width: 600px
|
||||
|
||||
Inserting emoji
|
||||
---------------
|
||||
@@ -93,7 +96,7 @@ Inserting emoji
|
||||
You can add emoji using the picker on the left of the text input field.
|
||||
|
||||
.. image:: images/emoji-picker.png
|
||||
:width: 450px
|
||||
:width: 400px
|
||||
|
||||
Editing messages
|
||||
----------------
|
||||
@@ -101,7 +104,7 @@ Editing messages
|
||||
You can edit messages and captions to file shares up to 6 hours after sending.
|
||||
|
||||
.. image:: images/message-editing.png
|
||||
:width: 450px
|
||||
:width: 600px
|
||||
|
||||
Using Markdown
|
||||
---------------
|
||||
@@ -177,12 +180,12 @@ Setting reminder on messages
|
||||
You can set reminders on specific messages. If there's an important message you want to be notified about later, simply hover over it and click on the reminder icon.
|
||||
|
||||
.. image:: images/set-message-reminder.png
|
||||
:width: 450px
|
||||
:width: 400px
|
||||
|
||||
In the submenu, you can select an appropriate time to receive a notification later.
|
||||
|
||||
.. image:: images/configure-message-reminder.png
|
||||
:width: 450px
|
||||
:width: 400px
|
||||
|
||||
Replying to messages and more
|
||||
-----------------------------
|
||||
@@ -190,12 +193,12 @@ Replying to messages and more
|
||||
You can reply to a message using the arrow that appears when you hover a message.
|
||||
|
||||
.. image:: images/reply.png
|
||||
:width: 450px
|
||||
:width: 600px
|
||||
|
||||
In the ``...`` menu you can also choose to reply privately. This will open a one-on-one chat.
|
||||
|
||||
.. image:: images/chat-message-menu.png
|
||||
:width: 450px
|
||||
:width: 600px
|
||||
|
||||
Here you can also create a direct link to the message or mark it unread so you will scroll back there next time you enter the chat. When it is a file, you can view the file in Files.
|
||||
|
||||
@@ -206,7 +209,7 @@ If you don't want to disturb anyone in the middle of the night, there is a silen
|
||||
While it is enabled, other participants will not receive notifications from your messages.
|
||||
|
||||
.. image:: images/message-silent.png
|
||||
:width: 450px
|
||||
:width: 600px
|
||||
|
||||
Managing a conversation
|
||||
-----------------------
|
||||
@@ -216,16 +219,17 @@ You are always moderator in your new conversation. In the participant list you c
|
||||
Changing permissions of a user that joined a public conversation will also permanently add them to the conversation.
|
||||
|
||||
.. image:: images/participant-menu.png
|
||||
:width: 400px
|
||||
|
||||
Moderators can configure the conversation. Select ``Conversation settings`` from the ``...`` menu of the conversation on the top to access the settings.
|
||||
|
||||
.. image:: images/open-settings.png
|
||||
:width: 300px
|
||||
:width: 400px
|
||||
|
||||
Here you can configure the description, guest access, if the conversation is visible to others on the server and more.
|
||||
|
||||
.. image:: images/conversation-settings-dialog.png
|
||||
:width: 450px
|
||||
:width: 600px
|
||||
|
||||
Messages expiration
|
||||
-------------------
|
||||
@@ -234,6 +238,7 @@ A moderator can configure message expiration under the ``Conversation settings``
|
||||
The available expiration durations are 1 hour, 8 hours, 1 day, 1 week, 4 weeks, or never (which is the default setting).
|
||||
|
||||
.. image:: images/messages-expiration.png
|
||||
:width: 500px
|
||||
|
||||
|
||||
Starting a call
|
||||
@@ -242,11 +247,12 @@ Starting a call
|
||||
When you're in a conversation, you can start a call any time with the ``Start call`` button. Other participants will get notified and can join the call.
|
||||
|
||||
.. image:: images/device-settings-before-call.png
|
||||
:width: 300px
|
||||
:width: 400px
|
||||
|
||||
If somebody else has started a call already, the button will change in a green ``Join call`` button.
|
||||
|
||||
.. image:: images/join-call.png
|
||||
:width: 600px
|
||||
|
||||
During a call, you can mute your microphone and disable your video with the buttons on the right side of the top bar, or using the shortcuts ``M`` to mute audio and ``V`` to disable video. You can also use the space bar to toggle mute. When you are muted, pressing space will unmute you so you can speak until you let go of the space bar. If you are unmuted, pressing space will mute you until you let go.
|
||||
|
||||
@@ -260,11 +266,12 @@ You can access your settings and choose a different webcam, microphone and other
|
||||
From media settings dialog, you can also change the background of your video.
|
||||
|
||||
.. image:: images/background-settings-in-call.png
|
||||
:width: 300px
|
||||
:width: 400px
|
||||
|
||||
You can change other settings in the ``Talk settings`` dialog.
|
||||
|
||||
.. image:: images/talk-settings.png
|
||||
:width: 600px
|
||||
|
||||
Starting a screen share
|
||||
-----------------------
|
||||
@@ -273,6 +280,7 @@ You can click the monitor icon on your video stream to share your screen. Depend
|
||||
If video from your camera is also available, other participants will see it in a small presenter view next to the screen share.
|
||||
|
||||
.. image:: images/share-screen-with-camera.png
|
||||
:width: 700px
|
||||
|
||||
Changing view in a call
|
||||
-----------------------
|
||||
@@ -280,11 +288,12 @@ Changing view in a call
|
||||
You can switch the view in a call with the little four-block icon in the top-right between promoted-view and grid view. The grid view will show everyone equally big and if the people do not fit on the screen, buttons will appear on the left and right that let you navigate.
|
||||
|
||||
.. image:: images/talk-grid-view.png
|
||||
:width: 700px
|
||||
|
||||
The promoted view shows the speaker large and others in a row below. If the people do not fit on the screen, buttons will appear on the left and right that let you navigate.
|
||||
|
||||
.. image:: images/talk-promoted-view.png
|
||||
|
||||
:width: 700px
|
||||
|
||||
|
||||
|
||||
|
||||