Skip to content

Instantly share code, notes, and snippets.

@CorruptComputer

CorruptComputer/index.html

Last active September 24, 2018 02:37
Show Gist options
  • Save CorruptComputer/e3656622acd00896d3534dae06934b56 to your computer and use it in GitHub Desktop.
Save CorruptComputer/e3656622acd00896d3534dae06934b56 to your computer and use it in GitHub Desktop.
Download ZIP
OBS: Google Play Desktop Music Player Integration
Raw
readme.md
  1. Add these two files (index.html and run.ps1) to %APPDATA%\Google Play Music Desktop Player\json_store\
  2. Download and run a WITH DEVKIT installer from here: https://rubyinstaller.org/downloads/
  3. Go through the install process and when it asks you if you want [1,2,3] just press enter.
  4. Once that completes open CMD/Powershell and type: gem install jekyll.
  5. Run the Powershell script (run.ps1).
  6. Add http://127.0.0.1:4000/ as a browser source in OBS with Width:600 and Height:100.
Raw
index.html
<html>
<head>
<script>
document.addEventListener('DOMContentLoaded', function () {
setInterval(function () {
fetch('playback.json').then(response => response.json()).then( function(data) {
//console.log(data);
document.getElementById('image').src = data["song"]["albumArt"];
document.getElementById('song').textContent = data["song"]["title"].substring(0, 50);
document.getElementById('artist').textContent = data["song"]["artist"].substring(0, 50);
});
}, 500);
}, false);
</script>
</head>
<body style="background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden">
<div style="width:600px; height:100px; display:flex; flex-direction:row; justify-content:flex-start;">
<img id="image" src="" height="100" width="100"></img>
<div style="padding-left:15px;padding-right:15px;height:100px;color:white;font:20px arial;background-color:#393763;">
<p id="song">song</p>
<p id="artist">artist</p>
</div>
</div>
</body>
</html>
Raw
run.ps1
jekyll serve -H 127.0.0.1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment