User Tools

Site Tools


now_playing_song_widget_last_fm

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

now_playing_song_widget_last_fm [2020/02/19 23:04] (current)
ianchandler1990 created
Line 1: Line 1:
 +====== Now Playing Song Widget Last FM ======
  
 +**<color red>​Please note, Spotify integration has been removed due to a change in the Spotify API. As such this command will only pull spotify songs info from last fm.</​color>​**
 +
 +The command below display a widget on your stream overlay when the song changes on Spotify, the info in the widget will have the artist/song name and the album art also displayed. Example below.
 +
 +{{:​spotify_widget.gif|}}
 +
 +Want to see more community-made custom commands? Click the following link - [[user_custom_commands|Link]]\\
 +Need to know how to import this command into your Deepbot? Click the following link - [[import_and_export_commands|Link]]
 +
 +----
 +
 +==== Credits ====
 +Ian Chandler - [[https://​www.twitch.tv/​ianchandler1990|Twitch Channel Link]]
 +
 +==== Latest Version ====
 +1.0.0
 +
 +==== Update History ====
 +None
 +
 +==== Requirements ====
 +VIP Membership - [[getvip|How to Get VIP]]
 +
 +==== Setup ====
 +
 +  *1. Update the bot to version V0.11.011 or above by downloading the latest Dev Alpha [[update_to_alpha|Update to Alpha]]
 +  *2. Import the commands from the link **[[https://​api.chandler-gaming.com/​bot/​commands/​spotifywidget.txt|Download Json]]**.
 +  *3. In master settings make sure "fetch NowPlaying from Last.fm"​ + Lastfm username is ticked/​filled in.
 +  *4. In OBS the link to add for BrowserSource/​CLR will be http://​deepbot.tv/​widgets/​InfoPanel.htm?​dur=6&​panel=playing with Width: 400 + Height: 120.
 +
 +Please note you can edit the the CSS of the widget to match the look of your overlay. Below Is the CSS I added to OBS to make it dark mode as example above.
 +
 +<code css>
 +body { background-color:​ rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
 +#infoHeader {
 +    background: #222225 !important;
 +}
 +
 +#​infoContent {
 +    background: #121213 !important;
 +}
 +</​code>​
 +
 +
 +==== Command ====
 +
 +  * You Can also make a new command !song with the message !internal_songchange_event that will set off the alert for users to run. command Cool down advised.
 +  ​
 +==== Useful Information ====
 +None
now_playing_song_widget_last_fm.txt ยท Last modified: 2020/02/19 23:04 by ianchandler1990