Aller au contenu

Studio

Studio OBS

Les écrans du live pour OBS, la télécommande et les icônes Stream Deck.

OBS · sources navigateur

Les écrans pour OBS

Chaque écran est une page web à ajouter dans OBS comme Source navigateur. Les textes (titre, jeu, raid…) se règlent sur la page Pilotage.

  • Dans OBS : Sources → + → Navigateur, coller l’adresse copiée.
  • Largeur 1920, hauteur 1080. Cocher « Actualiser le navigateur quand la scène devient active ».

Aperçu

Choisir « Aperçu » sur un écran.

Aperçu réduit d’une page 1920 × 1080.

OBS · transitions

Transitions « Stinger »

Réglages dans OBS

  1. Télécharger le fichier vidéo ci-contre (OBS lit un fichier sur l’ordinateur).
  2. Panneau Transitions de scènes → + → Stinger.
  3. Fichier vidéo : le fichier .webm téléchargé.
  4. Type de point de transition : Temps (ms).
  5. Point de transition : 1500 ms.
  6. Action de surveillance audio : au choix.

Fichiers

    Fichiers du dossier obs/transitions/.

    Alertes

    Widget StreamElements

    1. Ouvrir la page Pilotage : le code et les réglages du widget d’alertes y sont.
    2. Sur streamelements.com : Streaming tools → Overlays → New overlay, en 1920 × 1080.
    3. Add widget → Static / Custom → Custom widget, puis Open editor et coller le code donné par la page Pilotage.
    4. Enregistrer, copier l’adresse de l’overlay (bouton de lien) et l’ajouter dans OBS comme Source navigateur 1920 × 1080.

    obs-websocket

    Télécommande OBS

    Changer de scène, lancer ou arrêter le stream et l’enregistrement depuis cette page (OBS 28 ou plus récent).

    Connexion

    Le mot de passe reste seulement dans cet onglet (sessionStorage) et s’efface à sa fermeture.

    Non connecté.

    État

    Scène
    –
    Stream
    –
    Enregistrement
    –

    Écrans Olyrven

    Toutes les scènes

    Se connecter pour voir les scènes.

    Activer le serveur WebSocket d’OBS

    1. OBS → Outils → Paramètres du serveur WebSocket.
    2. Cocher Activer le serveur WebSocket. Port par défaut : 4455.
    3. Garder l’authentification activée et cliquer Afficher les informations de connexion pour copier le mot de passe.

    Méthode conseillée : dock dans OBS

    1. OBS → Docks → Docks de navigateur personnalisés.
    2. Nom : Olyrven Studio. URL : https://olyrven.fr/studio.html#telecommande
    3. Appliquer : la page s’ouvre dans un panneau d’OBS, hôte localhost.

    Sécurité et navigateurs

    • La page parle directement à OBS sur votre ordinateur ; rien ne passe par un serveur. Le mot de passe n’est jamais enregistré dans le site.
    • Une page en https ne peut normalement ouvrir que des connexions wss:// sécurisées, avec une exception pour localhost. Selon le navigateur (et ses protections d’accès au réseau local), la connexion à ws://localhost:4455 depuis https://olyrven.fr peut quand même être bloquée, et une autre machine du réseau (ws://192.168…) l’est presque toujours.
    • Si la connexion échoue : utiliser le dock de navigateur d’OBS (ci-dessus), ou ouvrir studio.html enregistré sur l’ordinateur (double-clic sur le fichier).
    • Ne jamais ouvrir le port 4455 sur Internet (box/routeur) et ne pas partager le mot de passe à l’écran.

    Stream Deck

    Icônes Stream Deck

    12 icônes en 144 px (avec et sans texte) et 72 px, au format PNG.

    Icône Stream Deck bientot
    bientot
    Icône Stream Deck live
    live
    Icône Stream Deck discussion
    discussion
    Icône Stream Deck pause
    pause
    Icône Stream Deck raid
    raid
    Icône Stream Deck fin
    fin
    Icône Stream Deck transition
    transition
    Icône Stream Deck camera
    camera
    Icône Stream Deck micro coupe
    micro coupe
    Icône Stream Deck musique
    musique
    Icône Stream Deck clip
    clip
    Icône Stream Deck reveiller le chat
    reveiller le chat
    Télécharger les icônes (ZIP)

    Dans l’application Stream Deck : glisser l’action OBS Studio → Scène sur une touche, puis Définir depuis un fichier sur l’icône de la touche.