Improving Documentation (#220)

Documentation improvement (Related to https://github.com/JohnXLivingston/peertube-plugin-livechat/issues/117)

* new introduction and homepage
* Fix livechat_label shortcode: no line breaks
* refactoring/rewriting user documentation
* troubleshooting section
* Updating documentation po files
* ...
This commit is contained in:
John Livingston
2023-07-25 18:00:41 +02:00
committed by GitHub
parent b0350df34b
commit 8db4f10584
61 changed files with 24341 additions and 858 deletions

View File

@ -1,7 +1,7 @@
---
title: "Installation guide"
description: "Plugin peertube-plugin-livechat installation guide"
weight: 10
weight: 20
chapter: false
---

View File

@ -1,7 +1,7 @@
---
title: "Known issues: CPU Compatibility"
description: "For now, the plugin only works out of the box for x86_64 and arm64 CPU architecture. Here are some instructions for other CPU architectures."
weight: 10
weight: 20
chapter: false
---

View File

@ -0,0 +1,41 @@
---
title: "Troubleshooting"
description: "Some classic mistakes and workarounds."
weight: 10
chapter: false
---
## I just installed/upgraded the plugin, but nothing happens
If you have just installed/upgraded the plugin, but nothing happens (no chat, no settings, buttons in the settings page does not work, ...), just try to reload the page.
## Diagnostic tool
If the chat does not work, there is a diagnostic tool in the plugin's settings pages.
Open the plugin settings, and click on the "launch diagnostic" button.
![Launch diagnostic](/peertube-plugin-livechat/images/launch_diagnostic.png?classes=shadow,border&height=200px)
If there is any error in the diagnostic page, you can search in this page for a solution, or refer to the [Bug tracking documentation page](/peertube-plugin-livechat/issues/) if you can't find any response.
![Diagnostic result](/peertube-plugin-livechat/images/diagnostic.png?classes=shadow,border&height=200px)
## Chat does not load
### Internal API calls
In some case (like for some Docker Peertube installation), the diagnostic tools displays an error for the test called "API Prosody -> Peertube is KO".
In such case, try changing the "{{% livechat_label prosody_peertube_uri_label %}}" settings, by setting `http://127.0.0.1:9000` (assuming 9000 is the port on which Peertube listen, ask your instance administrators if you don't know).
### Websocket
If everything is fine in the diagnostic tools, but chat windows remains empty: it can be a Websocket issue.
Since Peertube version 5.0.0, there are some additional configuration to do on the server side.
Check with the instance administrators that they did not forgot to apply changes listes in the [Peertube v5.0.0 release notes](https://github.com/Chocobozzz/PeerTube/blob/master/CHANGELOG.md#v500).
You can confirm that it is a Websocket issue by opening your browser console, and checking for error logs talking about failed Websocket connection.
If you can't fix this immediatly, you can disable Websocket by unchecking "{{% livechat_label disable_websocket_label %}}" in the plugin setting page.
In such case, you should also check "{{% livechat_label federation_dont_publish_remotely_label %}}", as chat federation won't work without Websocket.

View File

@ -1,7 +1,7 @@
---
title: "User documentation"
description: "Plugin peertube-plugin-livechat user documentation"
weight: 40
weight: 10
chapter: false
---

View File

@ -1,21 +1,45 @@
---
title: "Moderation"
description: "Plugin peertube-plugin-livechat moderation"
weight: 10
weight: 30
chapter: false
---
{{% notice warning %}}
This section is still incomplete.
{{% /notice %}}
## Accessing moderation tools
You can access room settings and moderation tools by opening the chat in a new window,
and using the dropdown menu at the top right.
You can list all existing chatrooms: in the plugin settings screen, there is a button «List rooms».
You can delete old rooms: join the room, and use the menu on the top to destroy the room.
## Notes
![Top menu](/peertube-plugin-livechat/images/top_menu.png?classes=shadow,border&height=200px)
{{% notice tip %}}
All instance moderators and admins will be owner of created chat rooms.
If the video is local (not from a remote Peertube), the video owner will be admin in the chat room.
The video owner will be admin in the chat room.
{{% /notice %}}
You can use [ConverseJS moderation commands](https://conversejs.org/docs/html/features.html#moderating-chatrooms) to moderate the room.
When you open the chat room in full screen, there will also be a menu with dedicated commands on the top right.
## Roles and affiliations
There are several roles that can be assignated to users in chat rooms: owner, moderators, member, ...
{{% notice warning %}}
This section is still incomplete.
{{% /notice %}}
You can promote users as moderators, if you need some help.
## Delete room content
You can delete old rooms: join the room, and use the menu on the top to destroy the room.
## Instance moderation
As Peertube instance moderator or administrator, you will probably need to check that your users are not behaving badly.
You can list all existing chatrooms: in the plugin settings screen, there is a button «List rooms».

View File

@ -1,21 +1,31 @@
---
title: "OBS"
description: "Documentation to stream the chat content using OBS."
weight: 10
weight: 40
chapter: false
---
[OBS](https://obsproject.com) is a popular Free And Open Source streaming software, with advanced capacities for your live streams.
In the current page, you will find some adviced to handle your live chats using OBS.
## OBS Overlay
If you are using OBS for streaming, you can easily include the chat in your stream.
You can easily include the chat in your stream.
You can use the «share chat link» feature to generate an URL to your chat.
The button should be near the chat if you are the video owner (unless it was desactivated by your server admins).
![Embeding the chat in a live stream](/peertube-plugin-livechat/images/embed_chat_in_livestream.png?classes=shadow,border&height=200px)
Check the «readonly» checkbox in the modal.
Then use this link as a «web browser source» in OBS.
You can use the "{{% livechat_label share_chat_link %}}" feature to generate an URL to your chat.
This button should be near the chat if you are the video owner (unless it was desactivated by your server admins).
You can use the «Transparent background» to have a transparent background in OBS.
Check the "{{% livechat_label read_only %}}" checkbox in the modal.
![Share link popup](/peertube-plugin-livechat/images/share_readonly.png?classes=shadow,border&height=200px)
Then use this link as a "web browser source" in OBS.
![Embeding the chat in OBS](/peertube-plugin-livechat/images/embed_chat_in_obs.png?classes=shadow,border&height=200px)
You can use the "{{% livechat_label transparent_background %}}" option to have a transparent background in OBS.
If you want to customize the background transparency, you can add this CSS in your OBS browser source's settings:
```css
@ -24,7 +34,9 @@ If you want to customize the background transparency, you can add this CSS in yo
}
```
Note: you can customize colors. This is undocumented yet, but you can try this:
In the previous CSS snippet, you can of course change the color or the transparency, by adapting the color values.
Note: you can entirely customize chat colors. This is undocumented yet, but you can try this:
in the modal, check «use curent theme colors», then you can try to manually change color values in the URL.
You must use valid CSS color values, and they must be properly URL encoded.

View File

@ -0,0 +1,89 @@
---
title: "For streamers"
description: "How to setup the chat for your live stream"
weight: 20
chapter: false
---
## Enabling the chat for you live streams
{{% notice warning %}}
Instance administrators can choose to disable or enable chat in specific cases.
Information in this section are only true in the default case.
{{% /notice %}}
When you create or modify a Peertube live, there is a "plugin settings" tab:
![New live](/peertube-plugin-livechat/images/new_live.png?classes=shadow,border&height=200px)
In the "plugin settings" tab, there is a "{{% livechat_label use_chat %}}" checkbox.
Just check or uncheck it to enable or disable the chat associated to your video.
![Activate the chat](/peertube-plugin-livechat/images/new_live_activate_chat.png?classes=shadow,border&height=200px)
{{% notice tip %}}
There can be other settings in this tab, depending on plugins installed on your Peertube instance.
{{% /notice %}}
### Per channel chat
On the instance level, Peertube's adminstrators can choose if chat rooms are unique per video, or if there will be an unique chat room per channel.
Please contact your instance's administrators for more information on how they configure the livechat plugin.
## Share the chat
On top of the chat, there is a "{{% livechat_label share_chat_link %}}" button.
This button opens a popup, where you can obtain an url to join the chat.
This url can be shared.
![Share link popup](/peertube-plugin-livechat/images/share_readonly.png?classes=shadow,border&height=200px)
You can customize some options:
* {{% livechat_label read_only %}}: you will only be able to read the chat, not write. This is useful to include the chat content in your live stream (see the [OBS documentation](/peertube-plugin-livechat/documentation/user/obs)).
* {{% livechat_label use_current_theme_color %}}: if checked, your current theme colors will be added to the url, so that any user that opens the link will have the same color set.
* {{% livechat_label generate_iframe %}}: instead of an url, you will obtain an HTML snippet that you can add to your website to embed the chat.
The "{{% livechat_label share_chat_link %}}" popup can also contain a "{{% livechat_label connect_using_xmpp %}}" tab.
This will only be available if your instance's administators have enabled an correctly configured this option.
Using this option, you can provide a link to join the chat using any [XMPP client software](https://en.wikipedia.org/wiki/XMPP#Clients).
Using such softwares can for example facilitate moderation actions.
## Moderation
Please refer to the [moderation documentation](/peertube-plugin-livechat/documentation/user/moderation).
## Include the chat in your video stream
Please refer to the [OBS documentation](/peertube-plugin-livechat/documentation/user/obs).
## Chat persistence
By default, the chat is persistent.
This means that the room content will be kept for a while.
User joining will see messages posted before their arrival.
You can change the persistence behaviour.
[Open the chat in fullscreen](/peertube-plugin-livechat/documentation/user/viewers), then open the top menu and click on "Configure".
![Top menu](/peertube-plugin-livechat/images/top_menu.png?classes=shadow,border&height=200px)
There are several option that can be changed.
![Configure chat room](/peertube-plugin-livechat/images/top_menu.png?classes=shadow,border&height=200px)
You can for example set the default and maximum number of messages to return to 0, so that new incomers won't see any previously sent message.
You can also uncheck "enable archiving": if unchecked, the message will be pruned in the server restarts.
By unchecking "Persistent", the room will be cleared if there is no more participant.
## Delete the chat content
If you want to delete the chat content, [Open the chat in fullscreen](/peertube-plugin-livechat/documentation/user/viewers), then open the top menu and click on "Destroy".
A popup will open, asking a confirmation.
To avoid errors, the popup will ask you the "XMPP address" of the chat room.
This address can be obtain using the "Details" menu in the top menu.
The chat will be automatically recreated each time someone tries to join it as long as the video exists, and has the "{{% livechat_label use_chat %}}" feature activated.

View File

@ -0,0 +1,81 @@
---
title: "For viewers"
description: "How to chat for stream viewers"
weight: 10
chapter: false
---
## Joining chat rooms
When you are watching a Peertube video that has the chat activated, you will see the chat next to the video:
![Chat screenshot](/peertube-plugin-livechat/images/chat.png?classes=shadow,border&height=200px)
There are two slightly different use cases, depending on wether or not you have an account on the Peertube instance.
See bellow for more informations.
### If you haven't a Peertube account
{{% notice warning %}}
This feature can be disabled by the instance's adminitrators.
{{% /notice %}}
If you are not logged in on the Peertube instance where you are watching the video, you will automatically join the chat.
You will be assigned a random nickname (something like "Anonymous 12345").
![Chat with an anonymous user](/peertube-plugin-livechat/images/chat_with_anonymous.png?classes=shadow,border&height=200px)
Before being able to speak in the chat room, you have to enter a nickname in the field on the bottom of the window.
![Joining chat when not connected](/peertube-plugin-livechat/images/chat_anonymous.png?classes=shadow,border&height=200px)
### If you have a Peertube account
If you are connected with your Peertube account, you will automatically join the room, using your Peertube nickname and avatar.
{{% notice tip %}}
If you are watching a live on an instance on which you have no account, but you have an account on another instance:
if the plugin is installed on both instances, it is possible to join the chat using your account.
To do so, just open the video on your instance (you can for example copy/paste the video url in the search field of your instance).
{{% /notice %}}
## Chatting
To send messages, just type them in the "message" field on the bottom of the screen.
You can send them by pressing the enter key on your keyboard, or by clicking on the "send" button.
If you want to add line breaks in your messages, you can use the "shift+enter" key combinaison.
You can add emojis to your messages.
You can for example use the emojis menu, or directly type emojis shortcuts like `:smiley:`.
You can mention other participants.
To do so, you can type the first nickname letters, then press the tab key.
You can also type `@`: this will directly open the menu.
You can also click on a nickname in the participants list to insert it in the message field.
## Participants list
To see the list of participants, just open the right menu:
![Participants list](/peertube-plugin-livechat/images/open_participants_list.png?classes=shadow,border&height=200px)
You can see that some participants have special rights (moderator, owner, ...).
## Opening full screen
On top of the chat, there is a button to open the chat in fullscreen.
This will open a new browser tab with the following content:
![Fullscreen chat screenshot](/peertube-plugin-livechat/images/fullscreen.png?classes=shadow,border&height=200px)
It can be easier to chat using a full browser tab.
This fullscreen view also adds a top menu with advances features.
This is especially useful for [moderation features](/peertube-plugin-livechat/documentation/user/moderation).
## Changing nickname
You can change your nickname by typing `/nickname your_new_nickname` in the message field.
You can also change your nickname using the top menu when you are in fullscreen mode.

View File

@ -1,7 +1,7 @@
---
title: "XMPP Clients"
description: "Connect to chat using a XMPP client"
weight: 40
weight: 60
chapter: false
---