Slides Studio is an open source plugin that enables slide presentations created in Obsidian to control Open Broadcast Studio (OBS).

The plugin extends the features of the Slides Extended plugin.

Setup

Download the required applications and plugins

• Open Broadcast Studio Free and Open Source software for video recording and live streaming.
• Obsidian Free tool for organizing notes.
  • Slides Studio - Control OBS with Reveal js slides
  • (optional) Slides Extended a plugin to create Reveal js slides in Obsidian Markdown syntax

Installation

Use the installers for OBS and Obsidian.

Slides Studio plugin has not been added to the Obsidian Community plugins yet.
To manually install the plugin

1. Download the latest release from Slides Studio.
   • main.js
   • manifest.json
   • slides-studio.zip
2. In Obsidian, open your vault's root folder in your file explorer.
3. Navigate to the .obsidian/plugins directory. If it doesn't exist, create it.
   • this folder is hidden in macOS, press 'command + shift + . ' to see it.
4. Extract the contents of the downloaded .zip file into a new folder within the plugins directory named slides-studio.
5. Copy the file manifest.json and main.js into the folder slides-studio.
6. Restart Obsidian or reload your vault.
7. Go to Settings > Community Plugins and click the turn on community plugins button
8. Enable Slides-Studio.

Slides Extended is installed through the Obsidian Community plugin store.

1. Open Obsidian and go to Settings.
2. Click on Community Plugins.
3. Click on Browse.
4. Search for Slides Extended.
5. Click Install on the Slides Extended plugin.
6. After installation, make sure to enable the plugin by toggling it on in the Installed Plugins section.

Obsidian Settings

Open the Obsidian settings.
In the Files and Links section, enable show all file types
In the Core Plugins section, enable Web viewer

Slide Studio Settings

Web Server

Slides Studio includes a Fastify server to create an API between Obsidian and OBS.

Enable the plugin server to start the plugin server on the localhost.
- Server port set the server port.

OBS websocket server

The OBS websocket server is used to send messages to OBS.

• IP: localhost, Port: number, Password: Letters and Numbers

OBS Launch parameters

• Name: OBS app name, MacOS default = "OBS"
• Path: on windows enter the path to the OBS executable file.
• Collection: start OBS with a specific OBS collection. Enter Slides-Studio for the OBS collection name.
• OBS collection: Slides Studio includes an OBS collection.
  • to import the collection, copy the collection path
  • open OBS.
  • click Scene Collection > Import
  • paste the collection path in the collection path field.
• OBS Browser source debug port: Browser sources can be debugged at http://localhost:{port}

Open OBS

Click the Launch button to open OBS

Connect to the OBS websocket server

Click the connect button to connect Obsidian to the OBS webscoket server.

Using the Slides Studio view

Click slides studio, , icon the the ribbon.

Open Slides Studio

Clicking the open slides studio button will open a web view tab.
Enter a link to a slides.com presentation or the relative path to a presentation in the Obsidian vault
- example slides.com link, https://slides.com/uuoocl/deck-48ea10
- example vault relative path, export/Welcome/index.html
- right click (ctrl + click) on a .html file, then select Copy relative path
Click the connect button

The Slides player will appear

Layout: select "Studio"
Enter a name for the slide settings table.
Set the 'Scene', 'Slide Position', 'Camera Position' and 'Camera Shape' for each slide.

As the slides transition, the slide settings are applied to OBS.