Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
obs-discord [Le 11/07/2020, 17:32] Daebis [OBS (son / video)] |
obs-discord [Le 16/10/2025, 12:18] (Version actuelle) bcag2 [OBS (son / video)] ortho… polissage !-) |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | {{tag>BROUILLON OBS Discord jeux Capture}} | + | {{tag>BROUILLON jeux Capture}} |
| ---- | ---- | ||
| - | {{::600px-obs-discord_logo.png|}} | + | {{:logo:obs-discord-logo.png?300|}} |
| ====== OBS + Discord Guide "Facile" Partage écran ====== | ====== OBS + Discord Guide "Facile" Partage écran ====== | ||
| - | <note>Le but de cette page est de permettre de faire facilement et proprement une partage écran (nommé scène) via discord avec la fonction "partage de fenêtre" | + | <note>Le but de cette page est de partager une "scène" (écran composé de plusieurs fenêtres) via discord avec la fonction "partage de fenêtre", notamment pour des ateliers "craft" (bricolage) ou dessin avec une diffusion restreinte a un seul serveur. |
| - | + | ||
| - | Notamment pour des atelier "craft" (bricolage) ou dessin avec une diffusion restreinte a un seul serveur. | + | |
| </note> | </note> | ||
| - | (Méthode tester sous Lubuntu18.04x64 à jour au 07/2020) | + | (Méthode testée sous Lubuntu18.04x64 à jour au 07/2020) |
| - | + | ||
| - | Le but est de partager une « scène » (écran composé de plusieurs fenêtre) via discord proprement. | + | |
| - | + | ||
| - | En privé (nous verront la diffusion sur twitch plus tard) | + | |
| = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | ||
| Ligne 21: | Ligne 15: | ||
| __**Requis**__ | __**Requis**__ | ||
| - | * Intel core I3 | + | * Intel core I3 |
| * OS x64 | * OS x64 | ||
| * 4Gio RAM | * 4Gio RAM | ||
| Ligne 34: | Ligne 28: | ||
| ===== installation ===== | ===== installation ===== | ||
| - | |||
| - | |||
| - | ==== Windows (soon)==== | ||
| - | |||
| - | = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | ||
| ==== Ubuntu ==== | ==== Ubuntu ==== | ||
| Ligne 45: | Ligne 34: | ||
| <code>sudo software-properties-gtk</code> | <code>sudo software-properties-gtk</code> | ||
| - | onglet « autre logiciel » coché « partenaires canonical | + | onglet « autre logiciel » cocher « partenaires canonical» |
| validez, actualisez | validez, actualisez | ||
| Ligne 57: | Ligne 46: | ||
| - | <code>sudo add-apt-repository ppa:obsproject/obs-studio | + | <code> |
| + | sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 5890E288F7ED6702 | ||
| + | |||
| + | sudo add-apt-repository ppa:obsproject/obs-studio | ||
| sudo add-apt-repository ppa:kritalime/ppa | sudo add-apt-repository ppa:kritalime/ppa | ||
| sudo add-apt-repository ppa:pinta-maintainers/pinta-daily | sudo add-apt-repository ppa:pinta-maintainers/pinta-daily | ||
| + | |||
| + | sudo add-apt-repository "deb [arch=amd64] https://ppa.javinator9889.com/ all main" | ||
| sudo apt update ; sudo apt full-upgrade ; sudo apt dist-upgrade ; sudo apt --fix-broken install ; sudo dpkg --configure -a ; sudo apt autoremove</code> | sudo apt update ; sudo apt full-upgrade ; sudo apt dist-upgrade ; sudo apt --fix-broken install ; sudo dpkg --configure -a ; sudo apt autoremove</code> | ||
| Ligne 67: | Ligne 61: | ||
| - | <code>sudo apt install ffmpeg obs mpv vlc pinta krita krita-l10n gcc make alacarte libavcodec-extra pavucontrol libdvdread4 lubuntu-restricted-extras lubuntu-restricted-addons ubuntu-restricted-extras ubuntu-restricted-addons linux-firmware audacious-plugins gstreamer1.0-qt5 gstreamer1.0-gtk3 gstreamer1.0-plugins-base gstreamer1.0-plugins-bad gstreamer1.0-plugins-good gstreamer1.0-plugins-ugly gstreamer1.0-pulseaudio mplayer</code> | + | <code>sudo apt install ffmpeg obs mpv vlc pinta krita krita-l10n gcc make alacarte libavcodec-extra pavucontrol libdvdread4 lubuntu-restricted-extras lubuntu-restricted-addons ubuntu-restricted-extras ubuntu-restricted-addons linux-firmware audacious-plugins gstreamer1.0-qt5 gstreamer1.0-gtk3 gstreamer1.0-plugins-base gstreamer1.0-plugins-bad gstreamer1.0-plugins-good gstreamer1.0-plugins-ugly gstreamer1.0-pulseaudio mplayer discord</code> |
| - | + | <code>mkdir ~/tmp/ && cd ~/tmp/ && wget https://files.dev47apps.net/linux/droidcam_latest.zip && unzip droidcam_latest.zip -d droidcam && cd droidcam && sudo ./install-client && cd ../ && lsmod | grep v4l2loopback_dc && sudo chmod -R 775 ./ && alacarte</code> | |
| - | <code>mkdir ~/Téléchargements/Deb/ && cd ~/Téléchargements/Deb/ && wget https://dl.discordapp.net/apps/linux/0.0.10/discord-0.0.10.deb && sudo dpkg -i discord-0.0.10.deb && rm -v discord-0.0.10.deb</code> | + | |
| - | + | ||
| - | <code>mkdir ~/tmp/ && cd ~/tmp/ && wget https://files.dev47apps.net/linux/droidcam_latest.zip && echo "73db3a4c0f52a285b6ac1f8c43d5b4c7 droidcam_latest.zip" | md5sum -c -- && unzip droidcam_latest.zip -d droidcam && cd droidcam && sudo ./install && cd ../ && lsmod | grep v4l2loopback_dc && alacarte</code> | + | |
| (son/video > ajouté > ~/tmp/droidcam/droidcam > validé ) | (son/video > ajouté > ~/tmp/droidcam/droidcam > validé ) | ||
| Ligne 82: | Ligne 73: | ||
| + | ==== Windows ==== | ||
| + | Clic droit sur le menu w10, "Powershell Admin" | ||
| + | |||
| + | Copier / Coller la ligne suivante et valider avec [entrer] | ||
| + | <code> Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1')) ; choco install -y discord mpv cccp audacious pinta obs krita classic-shell 7zip </code> | ||
| + | <note important>Nécessite Frameworks .Net 4+</note> | ||
| + | |||
| + | === Npackd si Chocolatey ne fonctionne pas === | ||
| + | <code>msiexec.exe /qb- /i http://bit.ly/npackdcl32-1_25 ; ncl add -p discord mpv com.codecguide.KLiteMega audacious net.getpaint.paintdotnet64 obs krita classic-shell</code> | ||
| + | |||
| + | . | ||
| + | === ClassicShell === | ||
| + | S’exécute la première fois que vous ouvrez le menu windows, valider la fenêtre pour terminer. | ||
| + | |||
| + | . | ||
| + | === 7Zip === | ||
| + | Menu windows > application > 7Zip > clic droit sur 7Zip manager > propriété > compatibilité > [X] Exécuter en mode admin > Appliquer/ok | ||
| + | |||
| + | Exécutez-le > option | ||
| + | [X] afficher l’icône dans le menu contextuel | ||
| + | |||
| + | onglet extension, cochez "tous" deux fois dans chaque colonne pour utilisé 7zip par défaut | ||
| + | |||
| + | dans l'onglet suivant, activé l'utilisation de la mémoire, grille, sélectionner ligne entière | ||
| + | |||
| + | validez et fermer. | ||
| + | |||
| + | === DroidCam === | ||
| + | (n'etant pas dans la bibliothèque chocolatey il faut le télécharger manuellement.) | ||
| + | |||
| + | https://www.dev47apps.com/ | ||
| + | |||
| + | = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | ||
| + | |||
| + | |||
| + | ==== Android & IOS ==== | ||
| Sur Android, télécharger sur le playstore « droidcam », rangez-le dans le dossier « photo, galerie » | Sur Android, télécharger sur le playstore « droidcam », rangez-le dans le dossier « photo, galerie » | ||
| - | sur IOS, same …. | + | sur IOS, same … |
| + | . | ||
| + | ==== MacOS ==== | ||
| + | Press Cmd Space to open spotlight search, and type terminal and hit return | ||
| + | <code>/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"</code> | ||
| + | puis | ||
| + | <code>brew install obs mpv krita pinta keka discord audacious wget</code> | ||
| + | pour Camdroid (sinon voir plus bas pour l'app) | ||
| + | <code>mkdir ~/tmp/ && cd ~/tmp/ && wget https://files.dev47apps.net/linux/droidcam_latest.zip && echo "73db3a4c0f52a285b6ac1f8c43d5b4c7 droidcam_latest.zip" | md5sum -c -- && unzip droidcam_latest.zip -d droidcam && cd droidcam && sudo ./install && cd ../ && lsmod | grep v4l2loopback_dc && sudo chmod -R 775 ./</code> | ||
| = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | ||
| Ligne 99: | Ligne 134: | ||
| menu > fichier > préférence . | menu > fichier > préférence . | ||
| - | apparence > interface "GTK" ==> Winamp, sélectionner "refugee" (ou d’autre ici https://www.gnome-look.org/browse/cat/129/order/latest) | + | apparence > interface "GTK" ==> Winamp, sélectionner "refugee" (ou d’autre ici https://www.gnome-look.org/browse/cat/129/order/latest) |
| Greffon > Général > [x] icône d’état | Greffon > Général > [x] icône d’état | ||
| - | effet > Stéréo add, stéréophonique | + | Greffon > effet > Stéréo add, stéréophonique |
| fermer | fermer | ||
| Ligne 117: | Ligne 152: | ||
| ==== OBS (son / video) ==== | ==== OBS (son / video) ==== | ||
| - | . | ||
| === Disposition Des Dock === | === Disposition Des Dock === | ||
| menu > afficher > dock (cochez toutes les case sauf, réinitialisé, verrouillé, transition) | menu > afficher > dock (cochez toutes les case sauf, réinitialisé, verrouillé, transition) | ||
| - | disposé les docks comme suivante, | + | disposé les docks comme suivante, (pour déplacé, glisser les barres de titres) |
| * Gauche haut : sources | * Gauche haut : sources | ||
| - | * Gauche milieu : sources | + | * Gauche milieu : Scene |
| * Droite : commande (bouton) | * Droite : commande (bouton) | ||
| * Centre : écran | * Centre : écran | ||
| Ligne 132: | Ligne 166: | ||
| * Clic droit, verrouillé l’interface. | * Clic droit, verrouillé l’interface. | ||
| - | |||
| - | . | ||
| === Scène === | === Scène === | ||
| - | Crée 1 scène."Craft" | + | Crée 1 scène."Craft" |
| - | supprimez tous ce qui est dedans | + | supprimez tous ce qui est dedans (masquer les entrer son) |
| - | Ajouté 3 "groupe" (par clic droit) | + | === Sources === |
| + | * Ajouté 3 "groupe" (par clic droit) | ||
| + | * "Son" "Cam" "Écran" | ||
| - | "Son" "Cam" "Écran" | ||
| - | |||
| - | |||
| - | . | ||
| == Son == | == Son == | ||
| - | Dans "Son", ajouté "Micro-casque" et "Sortie Casque" (capture audio pulsaudio <entrer/sortie>) | + | * Liste numérotéeDans "Son", ajouter "Micro-casque" et "Sortie Casque" (capture audio pulseaudio <entrer/sortie>) |
| + | * verrouillez et réduisez | ||
| - | verrouillez et réduisez | ||
| - | |||
| - | |||
| - | . | ||
| == Camera/webcam == | == Camera/webcam == | ||
| - | Dans "Cam" Ajouté "périphérique de capture video / webcam" (faitent vos réglages soit avec obs soit avec guvcview dans me menu>son/video) | + | * Dans "Cam" Ajouter "périphérique de capture video / webcam" (faite vos réglages soit avec obs soit avec guvcview dans me menu>son/video) |
| - | + | * et ajouter vos fioritures autour de la webcam (nom, logo, bannière, gif) | |
| - | et ajouté vos fioritures autour de la webcam (nom, logo, bannière, gif) | + | * positionnez pour faire un 10e de l’écran total (généralement placé en bas a droite ou a gauche) |
| - | + | * verrouillez tous et réduisez | |
| - | positionnez pour faire un 10e de l’écran total (généralement placé en bas a droite ou a gauche) | + | * |
| - | + | ||
| - | verrouillez tous et réduisez | + | |
| - | + | ||
| - | + | ||
| - | . | + | |
| == Écran == | == Écran == | ||
| - | Dans "Écran" ajouté une "Capture de la fenêtre xcomposite" et dans les propriétés sélectionnez krita (ou autre logiciel de dessins) | + | * Dans "Écran" ajouté une "Capture de la fenêtre xcomposite" et dans les propriétés sélectionnez krita (ou autre logiciel de dessins) |
| + | * démarrez droidcam que vous avez précédemment placer dans me menu son/video. | ||
| + | * lancé l'application sur votre smartphone (il est recommandé de le branchez en USB a une source d'alimentation, cela consomme la batterie a une vitesse folles) et recopier dans le programme PC L’IP de votre téléphone fourni par celui ci. Et le port (par défaut 4747) | ||
| + | * validé et réduisez. | ||
| + | * sur OBS ajoutez une nouvelle sources "périphérique de capture video" et sélectionnez votre téléphone "droidcam" | ||
| + | * réduisez, déplacez, verrouillez (l'idée est de filmer votre main, débrouillez-vous pour le setup, support, double face, scotch, patafix, etc.) | ||
| + | * verrouillez tous. | ||
| - | démarrez droidcam que vous avez précédemment placer dans me menu son/video. | + | == Écran d'attente == |
| + | * Clic droit, dupliquez, renommez la scène "Attente" | ||
| + | * supprimé la camera "droidcam" | ||
| + | * supprimez le groupe "écran" et crée en un nouveau "TXT" | ||
| + | * Ajouté y une image préparée a l'avance , un texte d'attente du genre "i be back soon" soyez créatif. webcam un peu plus grande décalé avec le bandeau d'attente. | ||
| + | * vous pouvez ajouter une image ou une animation (mp4, avi, gif) en arriéré plan pour occuper l'espace vide si vous le souhaitez) | ||
| + | * Verrouillez tous. | ||
| - | lancé l'application sur votre smartphone (il est recommandé de le branchez en USB a une source d'alimentation, cela consomme la batterie a une vitesse folles) et recopier dans le programme PC L’IP de votre téléphone fourni par celui ci. Et le port (par défaut 4747) | + | === Définir Raccourcis de transition de scènes === |
| + | * à droite, bouton "paramètre" > raccourcis clavier | ||
| + | * rechercher "attente" , "passez à la scène <Ctrl pavé numérique 1> | ||
| + | * "Craft" "passer à la scène" <Ctrl pavé numérique 2> | ||
| + | * "Cam" "afficher la webcam" / "cacher la webcam" < Ctrl pavé numérique 4> | ||
| - | validé et réduisez. | + | <note tip>il est possible que vous deviez créer un nouveau groupe pour gérer indépendamment les cameras sur chaque scène, pensez à y ajouter un raccourci clavier pour couper la caméra en cas de besoin</note> |
| - | sur OBS ajoutez une nouvelle sources "périphérique de capture video" et sélectionnez votre téléphone "droidcam" | + | * Appliquer, valider, |
| - | réduisez, déplacez, verrouillez (l'idée est de filmé votre main, demerdez-vous pour le setup, support, double face, scotch, patafix, etc.) | + | === Ouvrir le résultat final === |
| + | * Clic droit sur l’écran, projecteur d'aperçu fenêtre , agrandissez cette fenêtre. | ||
| + | * Vous pouvez ajouter une capture fenêtre de [[:audacious]] , cela ajoute un petit quelque chose qui bouge dans un coin de l'image. Facultatif mais sympa. | ||
| - | verrouillez tous. | + | ---- |
| - | + | ==== Discord ==== | |
| - | + | ||
| - | . | + | |
| - | == Ecran d'attente == | + | |
| - | Clic droit, dupliquez, renommez la scène "Attente" | + | |
| - | + | ||
| - | supprimé la camera "droidcam" | + | |
| - | + | ||
| - | supprimez le groupe "écran" et crée en un nouveau "TXT" | + | |
| - | + | ||
| - | Ajouté y une image préparée a l'avance , un texte d'attente du genre "i be back soon" soyez créatif. webcam un peu plus grande décalé avec le bandeau d'attente. | + | |
| - | + | ||
| - | vous pouvez ajouter une image ou une animation (mp4, avi, gif) en arriéré plan pour occuper l'espace vide si vous le souhaitez) | + | |
| - | + | ||
| - | Verrouillez tous. | + | |
| - | + | ||
| - | + | ||
| - | . | + | |
| - | === Definir Raccourcis de transition de scènes === | + | |
| - | a droite, bouton "paramètre" > raccourcis clavier | + | |
| - | + | ||
| - | rechercher "attente" , "passez à la scene <Ctrl pavé numérique 1> (si vous n'avez pas de pavez numérique démerdez vous.) | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | "Craft" "passer à la scène" <Ctrl pavé numérique 2> | + | |
| - | + | ||
| - | + | ||
| - | "Cam" "afficher la webcam" / "cacher la webcam" < Ctrl pavé numérique 4> | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | (il est possible que vous deviez crée un nouveau groupe pour géré indépendamment les camera sur chaque scène, pensez a y ajouter un raccourci clavier pour coupé la camera en cas de besoin) | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | Appliquez, validez, | + | |
| - | + | ||
| - | + | ||
| - | . | + | |
| - | === Ouvrir le resultat final === | + | |
| - | Clic droit sur l’écran, projecteur d'aperçu fenêtre , agrandissez cette fenêtre. | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | Vous pouvez ajouter une capture fenêtre de audacious , cela ajoute un petit quelque chose qui bouge dans un coin de l'image. Facultatif mais sympa. | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | + | |
| - | + | ||
| - | + | ||
| - | ==== Discord ==== | + | |
| Discord > paramètre > voix et video. | Discord > paramètre > voix et video. | ||
| Ligne 245: | Ligne 231: | ||
| + | ===== Capture écran, résultat final ===== | ||
| <note important>Exemple de résultat OBS</note> | <note important>Exemple de résultat OBS</note> | ||
| https://i.imgur.com/sZphJAB.png | https://i.imgur.com/sZphJAB.png | ||
| Ligne 257: | Ligne 244: | ||
| === | === | ||
| - | ===== diffusion via twitch avec contrôle du tchat avec hexchat ==== | + | ===== Chatty ===== |
| - | + | diffusion via twitch avec contrôle du tchat avec <del>hexchat</del> Chatty | |
| - | (soon) | + | |
| - | + | ||
| - | see : https://hexchat.readthedocs.io/en/latest/tips.html#twitch | + | |
| + | https://chatty.github.io/ | ||
| = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = == = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = == = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = | ||