Skip to content

Media Setup

VRCWizard edited this page Jul 3, 2023 · 27 revisions

This feature does not allow you to show your local time, GPU, CPU, RAM or... local temp. Reason being that I believe these outputs have no inherent value to would be onlookers examining your chatbot. However it does allow you to show interactive outputs like current song info, heartrate data, and contact receiver counters.

Note: The ability to show Current Time has been added as a button, although it is not available for continuous output.

Media Integration Tutorial Video

This Tutorial Video will show you how to display your 'Now Playing Song' in VRChat.

How to display your 'Now Playing Song' in VRChat

Windows Media Mode Setup

  1. Using the new windows media setup is as easy as flipping a switch. Navigate to Addons > Media Integration and simply Enable Windows Media Mode.
  2. If you have another media source such as a browser, check mark it in the Approved Media Source List.
  3. Turn on Update on Output Interval to have the output refresh on the interval that you determine

image

Customization

  • You can even Customize the text that appears as you wish
  • Variables you can add or remove from "Customize Media Output Text" (include them in {})
{spotifySymbol}
{title}
{artist}
{source}
{pause}
{progressMinutes}     (progress and duration may only work with the Spotify Desktop App for windows media mode)
{durationMinutes} 
{progressHours}   
{durationHours}   
{counter#} (# can be a number 1-6 and corresponds to that counter in the VRChat Listener tab)
{bpm}
{bpmStats} (shows if your heartrate is going up or down)

{averageTrackerBattery}
{leftControllerBattery}
{rightControllerBattery}
{averageControllerBattery}


{TCharge} //  lightning bolt emoji if tracker is charging
{RCharge}  //  lightning bolt emoji if right controller charging
{LCharge}  // lightning bolt emoji if left controller charging 
{AVGCharge}  // lightning bolt emoji if either controller avg charging 

Example Customized Media Output Text

Vibing to {title} by {artist} on Spotify | Controllers: {averageControllerBattery}% | Trackers: {averageTrackerBattery}%

Displaying Text in VRChat

Take a look at Text Setup for text output options and troubleshooting suggestions.

Spotify API Mode Setup

  1. This method takes bit longer to setup. You don't have to set up both methods. Windows Media Mode can be used with Spotify too.

  2. Go to the Spotify developer dashboard https://developer.spotify.com/dashboard/

  3. Create a new app image

  4. Add the correct redirect URI http://localhost:5000/callback image image

  5. Save the changes

  6. In TTS Voice Wizard Navigate to Addons > Media Integration and Enable Spotify API Mode

  7. You can now copy your Client ID into TTS Voice Wizard and click the Connect Spotify Button

  8. YOU MAY HAVE TO RESTART THE APP AFTER CONNECTING SPOTIFY FOR THE FIRST TIME.

    • The Client ID in this picture will not work unless I were to add your email to the "users and access" tab image image
  • Variables you can add or remove from "Customize Media Output Text" (include them in {})
{spotifySymbol}
{title}
{artist}
{progressMinutes}
{durationMinutes}
{progressHours}
{durationHours}
{pause}
{spotifyVolume}
{album}
{counter#} (# can be a number 1-6 and corresponds to that counter in the VRChat Listener tab)
{bpm}
{bpmStats} (shows if your heartrate is going up or down)
{averageTrackerBattery}
{leftControllerBattery}
{rightControllerBattery}
{averageControllerBattery}

{TCharge} //  lightning bolt emoji if tracker is charging
{RCharge}  //  lightning bolt emoji if right controller charging
{LCharge}  // lightning bolt emoji if left controller charging 
{AVGCharge}  // lightning bolt emoji if either controller avg charging 

Example Customized Media Output Text

Listening to {title} - {artist} {progressMinutes}/{durationMinutes} on Spotify

image

Displaying Text in VRChat

Take a look at Text Setup for text output options and troubleshooting suggestions.

VRChat Example Photos

  • Example with VRChat Chatbox image

  • Example using Killfrenzy Avtar Text with Frosty Billboard (available in the discord server "asset showcase" channel) image

Need Help / Have Questions / Wanna make suggestions?

Donate

  • Leave me a Github Star ⭐ (it's free) or

Buy Me a Coffee at ko-fi.com

Clone this wiki locally